如何在HTML/CSS中为外部发光效果添加列？

我创建一个网站，我想创造给人一种外发光的影子在页面的主塔这样的效果..如何在HTML/CSS中为外部发光效果添加列？

本页面作为一个例子：http://royalwatches.pk/

请注意，主列在左右两侧都有阴影效果，以使列看起来像在背景的“前面”。

这张照片也显示这就是我说的：

enter image description here

这就是我想要复制这种效果的页面：http://blu-rays.pk/index.php

有人能指导我什么CSS/HTML需要改变吗？

旁注：所有的jsfiddle把这似乎不切实际的，这就是为什么我提到的网站，而不是..

2013-06-22 Ahmad

在该网站上，他们已经使用的背景图片，但现代的解决方案是使用CSS3'box-shadow'属性，如果你想改变颜色或不透明度，你可以改变CSS中的值，而不是编辑图像等。 –

这个问题是太宽泛。请用特定的编程问题更新您的问题。 – Kermit

可以使用box-shadow属性。

CSS

img{ 
    box-shadow: 0px 0px 5px gray; 
}

或者你的情况：

#wrapper{ 
    box-shadow: 0px 0px 5px gray; 
}

注：从#wrapper删除background-image。

2013-06-22 14:16:42 Vucko

谢谢！这个窍门！ :) – Ahmad

不客气:) – Vucko

记住添加代码，从而阴影在更多的浏览器可见的，就像这样：

#wrapper { 
-moz-box-shadow: 0px 0px 5px gray; 
-webkit-box-shadow: 0px 0px 5px gray; 
box-shadow:   0px 0px 5px gray; 
}

2013-06-22 14:21:51

回答