Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/72.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/hibernate/5.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的背景颜色吗?_Html_Css - Fatal编程技术网

Html 您可以设置背景图像CSS的背景颜色吗?

Html 您可以设置背景图像CSS的背景颜色吗?,html,css,Html,Css,这个请求有点奇怪,但我想知道是否可以设置应用于div的背景图像的背景颜色?我知道你可以设置 右侧导航中的最后一个pod应用了背景图像/阴影,我希望给这个阴影一个理想的背景颜色,使其与页面背景混合,而不是像包含div的那样是白色的。使用 background:#FFFFFF url(image.png)没有重复的底部中心 它将用image.png填充元素(div,…)的背景,并用颜色#FFFFFF填充其余部分。如果这些都是单个图像(顺便说一句,在图像中包含内容文本通常被认为是不好的做法),那么我建

这个请求有点奇怪,但我想知道是否可以设置应用于div的背景图像的背景颜色?我知道你可以设置

右侧导航中的最后一个pod应用了背景图像/阴影,我希望给这个阴影一个理想的背景颜色,使其与页面背景混合,而不是像包含div的那样是白色的。

使用

background:#FFFFFF url(image.png)没有重复的底部中心


它将用image.png填充元素(div,…)的背景,并用颜色#FFFFFF

填充其余部分。如果这些都是单个图像(顺便说一句,在图像中包含内容文本通常被认为是不好的做法),那么我建议使用图像编辑器使块之间的空间透明(别忘了包括阴影,这样它们的alpha透明度会覆盖正确的颜色,而不是白色)。这将允许HTML元素的背景色显示出来

这就是说,我个人会将这些块制作成常规文本和HTML块(因此唯一的图像是每个块右侧的装饰图像),您可以使用
box shadow
轻松地将阴影添加到其中

box shadow
属性本质上是透明的,而不是阴影本身所在的位置。这意味着它的“背景”将始终是它下面的内容(在简单的情况下,这将是包含元素的背景,但如果带有
box shadow
的元素位于它上面,它也可以是文本或图像)


查看我的JSFIDLE,看看我在说什么(这是一个快速的例子,所以它看起来与您想要的效果并不完全一样,但这种效果可能需要一点创造力):

你能用一个例子来解释你想要达到的目的吗?因此你希望背景颜色不大于背景图像,并且不填满整个空间。如果是这样,那么答案是否定的:(.您可以在容器中使用另一个div,使其与您的图像一样大。@Caelea正是如此。我想我会试试您的建议。我想我可以到photoshop,只需将图像的透明/背景区域涂上我想要的颜色,作为一种可能的解决方案,但它看起来非常凌乱。添加另一个div会占用额外的空间e并使容器比它应该的高一点。我将用我试图实现的外观的屏幕截图更新我的问题。在这种情况下,只需将你的背景图像放在你的div之外,比如说-5px或任何你的图像高度。你可以通过css掌握其余的div高度。最后一个背景将与您的站点,而其他站点将保持白色。我认为您还需要将div放置在
边距顶部:-5px
并增加顶部填充。