手机
当前位置:查字典教程网 >网页设计 > 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样式如何实现Logo立体盒子效果

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

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

CSS实现同一行的图片和文字垂直居中对齐的方法

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

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

CSS应用基础教程:文字性质

css实现鼠标滑过改变文字(中文变英文)

用CSS实现表单form布局

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

精品推荐
分类导航