手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >纯CSS实现背景半透明文字不透明效果兼容IE6
纯CSS实现背景半透明文字不透明效果兼容IE6
摘要:IE背景半透明.alpha{width:100px;height:100px;color:#fff;background:rgba(0,0,...

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>

IE背景半透明

</title>

<style type="text/css">

.alpha{

width: 100px;

height: 100px;

color: #fff;

background: rgba(0, 0, 0, .3);

filter: progid:DXImageTransform.Microsoft.gradient(gradientType = 0, startColorstr = #50000000, endColorstr = #50000000)9;

}

:root .alpha{

filter: none; /*for IE9*/

}

</style>

</head>

<body>

<div>

文字文字

</div>

</body>

</html>

【纯CSS实现背景半透明文字不透明效果兼容IE6】相关文章:

用css实现隐藏文本框

用CSS实现文字的阴影效果

css div实现的遮罩层完美兼容IE6-IE9 FireFox

CSS 3实现DIV圆角效果完整代码

CSS样式表实现效果很好的分页效果源代码

屏蔽双击选中文字的方法兼容FF及以外的浏览器

DIV CSS如何给文字字体添加下划线?

纯CSS3实现带动画效果导航菜单无需js

实现链接的虚线下划线效果

CSS3实现多背景展示效果通过CSS3定位多张背景

精品推荐
分类导航