我正在创建一个静态网站。我的身体标签设置中有白色背景。我想知道是否有任何方法可以在我的网站上为特定区域设置背景颜色。我基本上想要在我的网站上为图像添加背景颜色。我在网上进行了研究,找到了z-index
,我不确定如何正确使用它。任何想法都会很棒。
答案 0 :(得分:0)
根据您的评论:
所以我的网站上基本上有三张图片。我想在它们周围放一个方形背景。我尝试用灰色方块制作div然后将其设置在图像后面。所有这一切都是将图像向下推。有没有办法迫使div到后面?
这样做的最佳方法是为图像应用边框:
img {
border:5px solid #yourColor;
}
请记住,这仍然会#34;将图像向下推,所以如果你 想要将它们保存在同一个位置,你可以给每个图像一个包装,然后将图像的位置设置为绝对的,与相对的相比包装器:
.wrapper {
position:relative;
}
.wrapper img {
position:absolute;
top:-5px; // Set this to the opposite of your border size
border:5px solid #yourColor;
}