现在很多网页中都有这样的效果，就是文字说明悬浮于图片之上，并且文字的背景是半透明的，这不但美观而且也可以节省网页空间，下面就通过代码实例介绍一下如何实现此效果。
代码如下:
蚂蚁部落 a.title{ color:#D3D3D4; background-color:rgba(0,0,0,0.6); filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#A0000000',EndColorStr='#A0000000'); padding:12px 24px; position:absolute; top:50px; left:0px; text-decoration:none; color:#fff; }#box{ position:relative; } 蚂蚁部落欢迎您
查看更多关于css实现的文字位于图片之上且背景半透明_html/css_WEB-ITnose的详细内容...
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did110523