带阴影的图片,兼容 ff 和 ie
以下是代码:
<
style
>
.imgWrapper { background : url(image/shadow.gif) no-repeat bottom right ; line-height : 0 ; width : 310px ; margin : 30px 0 0 5px ; }
.imgWrapper img { float : none ; margin : 0 ; background : #fff ; padding : 4px ; border : 1px solid #C5BDBD ; position : relative ; left : -5px ; top : -5px ; }
</ style >
< div class ="imgWrapper" >< img src ="image/dunstan.jpg" width ="300" height ="300" title ="More wall detail (30)" /></ div >
.imgWrapper { background : url(image/shadow.gif) no-repeat bottom right ; line-height : 0 ; width : 310px ; margin : 30px 0 0 5px ; }
.imgWrapper img { float : none ; margin : 0 ; background : #fff ; padding : 4px ; border : 1px solid #C5BDBD ; position : relative ; left : -5px ; top : -5px ; }
</ style >
< div class ="imgWrapper" >< img src ="image/dunstan.jpg" width ="300" height ="300" title ="More wall detail (30)" /></ div >