html内容被背景图片遮住怎么办_完美实现文字置于图片之上且背景半透明

之前发过一篇关于 将图片的说明文字显示在图片之上且背景半透明效果 的文章,讲述了如何将文字置于图片之上且背景半透明,但那个解决办法会出现一个问题,就是背景虽然半透明了&

之前发过一篇关于 将图片的说明文字显示在图片之上且背景半透明效果 的文章,讲述了如何将文字置于图片之上且背景半透明,但那个解决办法会出现一个问题,就是背景虽然半透明了,但文字也会半透明,今天发现百度旅游上的实现方法,很完美地实现这个功能,现把代码共享如下:

复制代码代码如下:

文字置于图片之上且背景半透明 标准之路www.aa25

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: 228px;

left:0;

width: auto;

text-decoration: none;

font: 16px Microsoft YaHei, Verdana;

color:#fff;

探秘古代帝王生活

发布者:admin,转转请注明出处:http://www.yc00.com/web/1737971523a4004455.html

相关推荐

发表回复

评论列表(0条)

  • 暂无评论

联系我们

400-800-8888

在线咨询: QQ交谈

邮件:admin@example.com

工作时间:周一至周五,9:30-18:30,节假日休息

关注微信