用于背景的CSS径向内阴影

问题描述：

我试图修改Wordpress模板的背景。我有一个附带repeat-x选项的图像。我想在该图像上添加径向内部边框。可能吗？用于背景的CSS径向内阴影

这是当前的背景：

body { 
background: #18191b url(images/bg.jpg) repeat-x center 0; 
color: #e9e9e9; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
line-height: 18px;

}

答

可以使用-moz-box-shadow和-webkit-box-shadow：

-moz-box-shadow: inset 0 0 8px rgba(0,0,0, 0.25); 
-webkit-box-shadow: inset 0 0 8px rgba(0,0,0, 0.25);

而且你还可以使用box-shadow它APLY到Internet Explorer

谢谢回答，但这种方法在我的情况下不能正常工作。还有其他建议吗？ – 2013-03-28 08:54:53

@SamAnila如何使用'box-shadow'？ – Alireza41 2013-03-28 08:57:25

答

如果我理解t他的正确，你需要这个。 box-shadow: 0 0 10px #ddd inset;

更多的box-shadow，你可以找到在这里：The 'box-shadow' property

谢谢，这真的有用，但我仍然有问题。它仅在可见屏幕区域显示内部阴影。如果向下滚动，我可以看到页面底部200px左右的阴影边界，页面底部没有阴影。对于如何解决这个问题，有任何的建议吗？ – 2013-03-28 09:09:23

我不知道你的网站结构。以下是我如何看待事物的快速演示。希望能帮助到你。 http://jsfiddle.net/QEZnw/17/ – 2013-03-28 09:25:25

谢谢，我设法使它工作。 – 2013-04-01 08:09:51

用于背景的CSS径向内阴影

相关推荐