手机
当前位置:查字典教程网 >网页设计 > 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应用基础教程:文字性质

CSS3用@font-face实现自定义英文字体

用css实现隐藏文本框

CSS+DIV实现鼠标经过背景变色

纯CSS实现漂亮tab选项卡切换特效

CSS实现文字自动换行(兼容Firefox)

用CSS实现表单form布局

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

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

CSS实现兼容性的渐变背景(gradient)效果兼容众多浏览器

精品推荐
分类导航