css实现背景透明，内容不透明

css实现背景和文字均为黑色，背景透明度为0.2，文字不透明：

<!DOCTYPE html>
<html><head><meta charset="utf-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge"><title>Page Title</title><meta name="viewport" content="width=device-width, initial-scale=1"><style>div {background: rgba(0, 0, 0, 0.2) none repeat scroll !important;/* rgba(0, 0, 0, 0.2) 前三个确定颜色，最后0.2确定透明度 *//*实现FireFox背景透明，文字不透明*/background: #ffffff;filter: Alpha(opacity=20);/*实现IE背景透明,文字不透明*/width: 200px;height: 300px;color: #000000;font-size: 20px;font-weight: bold;}div p {position: relative;}/*实现IE文字不透明*/</style>
</head><body><div><p style="position: relative;">这是个background透明但是content不透明的div</p></div>
</body></html>

css实现背景透明，内容不透明相关推荐

css设置背景透明兼容,每日一更之CSS背景透明内容不透明及CSS兼容性写法
有一个浏览器,让所有的前端极度痛恨,没错,就是IE.IE9以上版本的浏览器还好,但是,IE9及以下浏览器就相当的恶心,对于前端来说,最基本的就是还原UI设计图,但是当你使用一些CSS3属性的时候,IE ...
css实现背景透明内容不透明
首先实现透明的方式大家肯定都能想到opacity,但opacity会让背景及其子元素的所有内容都透明 http://www.html5code.net/webdesign/html-5396.html ...
div背景透明内容不透明与0.5PX边框兼容设置
1.问题:设置 border-width:0.5px; 并兼容安卓和苹果移动端. 兼容:苹果IOS的 safari 支持浮点数边框,安卓浏览器不支持,会四舍五入到1px.不同浏览器效果额不同解 ...
div填充透明背景但是内容不透明
让div有透明度而不影响内容,不能使用opacity:0.5,因为它会让内容也透明化:不影响内容要使用background:rgba(),rgba分别代表的是红色.绿色.蓝色和透明度(括号内的值分别对 ...
CSS设置文字背景虚化，变透明的两种方法
CSS文字背景虚化,变透明拥有大背景,让div块变透明的方法: 方法1.背景是透明了,内容也会随之变透明. 方法2.仅背景透明在整个项目有大背景的前提下,想让某表格背景或div块的背景不是白色,而 ...
CSS实现Div层背景半透明而内容不透明的效果
CSS实现Div层背景半透明而内容不透明的效果 2014年5月18日 MK 前端设计 0 阅读 2932次前几天有一个学弟问我,怎么样能实现Div层背景半透明而内容不透明的效果呢,他写的效果不管怎么 ...
纯css实现背景图片半透明，内容不透明
前言最近做一个登陆界面的,突然想使用这种背景图片透明,而内容不透明的效果,这里我就说一说我的两个思路吧. 效果展示半透明不透明常见的失败做法最常见的做法事设置元素的opacity,这种设置出 ...
CSS中如何制作背景图片半透明但内容不透明的效果
CSS中如何制作背景半透明但内容不透明的效果一.利用伪元素:before添加一个半透明的背景,并利用position定位属性,设置z-index值为-1,显示在下层. css: <style& ...
php背景图片透明度,css实现背景图片半透明内容不透明代码分享
本文主要和大家介绍了纯css实现背景图片半透明内容不透明的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考,希望能帮助到大家. 最近做一个登陆界面的,突然想使用这种背景图片透明,而内容不透明的 ...
html字不透明度,css 背景透明文字(内容)不透明三种实现方法
好久没写博客了.以前还想着最少一个月抽空写几篇.结果没做到O(∩_∩)O~~.好吧.现在努力,继续坚持. 看着以前写的东西,感觉自己在逐渐成长. 先上图: 本文主要记录如上图一样的.文字或内容不透明, ...

css实现背景透明，内容不透明

css实现背景透明，内容不透明相关推荐

最新文章

热门文章