用css实现当鼠标置于图片上面时，会产生发光效果，求代码，要求兼容ie

html-css047

用css实现当鼠标置于图片上面时，会产生发光效果，求代码，要求兼容ie,第1张

html <a class="abc" href="#"><img src="aa.jpg"></a>

css .abc:hover img{ background:url(images/faguangpic.jpg) no-repeatpadding:10px}

最方便的就是用PS先给图片做个外发光出来，然后切图直接把发光部分一起切出来导成PNG格式的发光部分为透明背景的图片，如果是想做鼠标触发效果，那就再做一张大小一样的没外发光的图片

CSS样式无法直接写出外发光效果，不过有一个方法可以做出来，如果外发光的扩散范围不大，大概是3px-5px；就可以通过div嵌套并调整边框颜色来达到一定的效果，不过这种方法挺麻烦的，不怎么好用

举例：

<div style=" width:200pxborder:1px solid #1e0000">

<div style=" width:100%border:1px solid #330000">

<div style=" width:100%border:1px solid #4c0000">

<div style=" width:100%border:1px solid #6b0000">

<div style=" width:100%border:1px solid #8e0000">

<div style=" width:100%border:1px solid #b70000height:100px"></div>

</div>

</div>

</div>

</div>

</div>