1

有点奇怪的请求，但我想知道是否可以设置应用于 div 的背景图像的背景颜色？我知道你可以设置背景颜色<img />。

我试过了：

background: #FFFFFF url(image.png) no-repeat bottom center;

这只会改变图像应用到的 div 的颜色。

非常感谢您的帮助

*编辑，添加图像以更好地解释问题：

在此处输入图像描述

这个右手导航中的最后一个 pod 应用了背景图像/阴影，理想情况下，我希望给这个阴影一个背景颜色，以便它与页面的背景融为一体，而不是像包含 div 那样是白色的。

4

2 回答 2

0

采用

background: #FFFFFF url(image.png) no-repeat bottom center;

它将用 image.png 填充元素（div，...）的背景，并用颜色 #FFFFFF 填充其余部分

于 2012-10-11T09:10:18.567 回答
0

如果这些都是单个图像（通常认为在图像中包含内容文本是不好的做法，顺便说一句），那么我建议使用图像编辑器使块之间的空间透明（不要忘记包括阴影，所以它们在正确的颜色上具有 alpha 透明度，而不是在白色上）。这将允许 HTML 元素的背景颜色显示出来。

也就是说，我个人会将这些块制作成常规文本和 HTML 块（因此唯一的图像是每个右侧的装饰图像），您可以轻松地将阴影添加到box-shadow.

除了阴影本身之外，该box-shadow属性本质上是透明的。这意味着它的“背景”将始终是它下面的东西（在简单的情况下，这将是包含元素的背景，尽管它也可以是文本或图像，如果元素box-shadow位于它的顶部）。

看看我的 jsFiddle 看看我在说什么（这是一个快速的，所以它看起来并不完全像你想要的效果，但这种效果是可能的一点点创造力）：http://jsfiddle .net/DXrk6/1/

于 2012-10-11T15:40:57.737 回答