完美实现文字置于图片之上且背景半透明
之前发过一篇关于 将图片的说明文字显示在图片之上且背景半透明效果 的文章,讲述了如何将文字置于图片之上且背景半透明,但那个解决办法会出现一个问题,就是背景虽然半透明了,但文字也会半透明,今天发现百度旅游上的实现方法,很完美地实现这个功能,现把代码共享如下:
复制代码代码如下:
文字置于图片之上且背景半透明 标准之路www.aa25.cna.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;
相关阅读:
Oracle客户端与plsql查询数据乱码修改成中文的快速解决方法
MySQL实现MYISAM表批量压缩的方法
Android入门之Gallery+ImageSwitcher用法实例解析
window.open打开页面居中显示的示例代码
Android开发笔记之:深入理解多线程AsyncTask
android POST数据遇到的UTF-8编码(乱码)问题解决办法
PHP中如何防止外部恶意提交调用ajax接口
javascript实现动态导入js与css等静态资源文件的方法
原生JavaScript+LESS实现瀑布流
oracle10g全文索引自动同步语句使用方法
C#模拟Http与Https请求框架类实例
如何监测和优化OLAP数据库
Android开发中ImageLoder进行图片加载和缓存
Javascript监视变量变化的方法