admin 管理员组

文章数量: 1184232

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

复制代码代码如下:

文字置于图片之上且背景半透明 标准之路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;

探秘古代帝王生活

本文标签： 背景图片 背景 文字 完美 内容

版权声明：本文标题：html内容被背景图片遮住怎么办_完美实现文字置于图片之上且背景半透明 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/b/1737971527a1903503.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。