Jquery中文网 www.jquerycn.cn
Jquery中文网 >  CSS教程  >  经典实例  >  正文 div css 实现半透明的例子

div css 实现半透明的例子

发布时间:2020-05-11   编辑:www.jquerycn.cn
jquery中文网为您提供div css 实现半透明的例子等资源,欢迎您收藏本站,我们将为您提供最新的div css 实现半透明的例子资源
在css中实现半透明我们可以使用alpha参数来设置透明度就可以了,下面来给各位朋友分享一个例子,希望对你会有帮助。

css

 代码如下 复制代码

.project{ position:relative;width:288px; height:183px;}
.project .box{ position:absolute; top:0px; left:0px; display:block; width:288px; height:183px; color:#FFF; padding:10px; opacity: 0.8;filter: alpha(opacity=80);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}

html

 代码如下 复制代码

<div class="project">
<div class="box">
div css 实现半透明效果测试文字
</div>
</div>

您可能感兴趣的文章:
jquery半透明设置实现代码
div css 实现半透明的例子
网页特效之让css使网页图片半透明
jQuery实现textarea文本框半透明文本提示效果
半透明效果 blur.js
jquery设置div半透明背景色与文字不透明
jquery网页元素拖拽插件效果及实现
jquery 半透明遮罩效果示例
css实现透明度兼容IE, Firefox, Chrome, Safari代码
CSS设置半透明背景实例详解

[关闭]