投影效果,兼容IE6

css代码如下:

.zxx_shade_image{display:-moz-inline-stack; display:inline-block; padding:0 1px 1px 0; font-size:0; background:#bfbfbf; border-bottom:1px solid #eaeaea; border-right:1px solid #eaeaea;}
.zxx_shade_image img{margin:-1px 0 0 -2px; padding-bottom:1px; background:#808080; border-width:1px 1px 0; border-style:solid; border-color:#eaeaea #808080 transparent #eaeaea; float:left; position:relative;}

HTML代码如下:

<a href="#nogo" class="zxx_shade_image">
    <img src="http://image.zhangxinxu.com/image/study/mm.jpg" />
</a>
posted @ 2014-09-29 13:06  郑俊伟  阅读(203)  评论(0编辑  收藏  举报