手机
当前位置:查字典教程网 >网页设计 > 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实现漂亮tab选项卡切换特效

用CSS实现表单form布局

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

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

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

用css实现隐藏文本框

使用CSS代码的空格实现中文对齐的方法

用CSS实现表格背景颜色渐变效果

CSS:CSS样式如何实现Logo立体盒子效果

一款纯css实现的垂直时间线效果

精品推荐
分类导航