Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html CSS问题:当我设置边距时,下方的div按钮被隐藏_Html_Css_Wordpress_Bootstrap 4 - Fatal编程技术网

Html CSS问题:当我设置边距时,下方的div按钮被隐藏

Html CSS问题:当我设置边距时,下方的div按钮被隐藏,html,css,wordpress,bootstrap-4,Html,Css,Wordpress,Bootstrap 4,请访问图片链接。 但每当我把利润率设置到最高点时,它就会隐藏起来。 我想用css做这个。请告诉我任何css技术,可以显示上面的图像按钮(图像包含文本和蓝色背景下,我有一个按钮)。 此解决方案可在中找到 .集装箱{ 位置:相对位置; 宽度:100%; 最大宽度:400px; } .集装箱img{ 宽度:100%; 高度:自动; } .container.btn{ 位置:绝对位置; 最高:50%; 左:50%; 转换:翻译(-50%,-50%); -ms转换:翻译(-50%,-50%); 背景

请访问图片链接。

但每当我把利润率设置到最高点时,它就会隐藏起来。 我想用css做这个。请告诉我任何css技术,可以显示上面的图像按钮(图像包含文本和蓝色背景下,我有一个按钮)。

此解决方案可在中找到


.集装箱{
位置:相对位置;
宽度:100%;
最大宽度:400px;
}
.集装箱img{
宽度:100%;
高度:自动;
}
.container.btn{
位置:绝对位置;
最高:50%;
左:50%;
转换:翻译(-50%,-50%);
-ms转换:翻译(-50%,-50%);
背景色:#555;
颜色:白色;
字体大小:16px;
填充:12px 24px;
边界:无;
光标:指针;
边界半径:5px;
文本对齐:居中;
}
.container.btn:悬停{
背景色:黑色;
}
图像上的按钮
将按钮添加到图像:

按钮
理解你的问题是非常困难的。请尽可能阅读并附上