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

复制代码代码如下:

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;

探秘古代帝王生活

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

复制代码代码如下:

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;

探秘古代帝王生活