CSS方框阴影在div上覆盖图像/视频背景是不可能的？
CSS方框阴影在div上覆盖图像/视频背景是不可能的？
提问于 2012-07-09 22:10:41
我在我的网站上有一个superbgimage/jw播放器的背景。当我在背景上方的内容div上应用CSS box-shadow时，阴影不会与背景混合(不会变暗)。它看起来像一个灰色的光环。方框阴影只适用于白色背景吗？
光晕而不是阴影与背景图像混合(使其变暗)
用于超级图像背景和jQuery同位素插件div的CSS
#background {
background: inherit;
}
#superbgimage {
display: none;
}
.item {
margin-bottom: 4px;
-moz-box-shadow: 3px 3px 5px 6px #ccc;
-webkit-box-shadow: 3px 3px 5px 6px #ccc;
box-shadow: 3px 3px 5px 6px #ccc;
}背景的Divs
<fieldset id="background">
<a href="media/background_0.jpg"></a>
<a href="media/background_1.jpg"></a>
<a href="media/background_2.jpg"></a>
...
</fieldset>
<div id="superbgimage"></div>背景脚本
<script type="text/javascript">
$(document).ready(function () {
$.fn.superbgimage.options = {
preload: 1,
randomtransition: 0,
slideshow: 1,
slide_interval: 9000,
randomimage: 1,
speed: 3000,
transition: 1
};
$('#background').superbgimage().hide();
});
</script>回答 2
Stack Overflow用户
回答已采纳
发布于 2012-07-09 22:22:06
确保您使用的是这样的跨浏览器解决方案：
.shadow {
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px #888;
box-shadow: 0 0 5px #888;
}Stack Overflow用户
发布于 2012-07-09 22:37:08
使用RGBA颜色而不是十六进制。RGBA将允许您设置颜色的不透明度，从而允许背景渗出。
示例：
rgba(0,0,255,0.5)另外，尝试使用在线生成器来生成CSS3元素，比如box-shadow，它将省去创建这些更复杂元素的猜测工作：
http://css3generator.com/
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/11396753
复制相关文章
相似问题
腾讯云开发者
