image - CSS:在图像周围创建白光

Question

如何创建白色发光作为未知尺寸图像的边框？

Answer 1

使用简单的 CSS3(IE<9 不支持)

img
{
    box-shadow: 0px 0px 5px #fff;
}

这会在文档中的每个图像周围放置一个白色光晕，使用更具体的选择器来选择您想要光晕的图像。你当然可以改变颜色:)

如果您担心没有最新版本浏览器的用户，请使用:

img
{
-moz-box-shadow: 0 0 5px #fff;
-webkit-box-shadow: 0 0 5px #fff;
box-shadow: 0px 0px 5px #fff;
}

对于 IE，您可以使用发光滤镜(不确定哪些浏览器支持它)

img
{
    filter:progid:DXImageTransform.Microsoft.Glow(Color=white,Strength=5);
}

尝试设置以查看适合您的设置:)