CSS如何设置div半透明效果

摘要:
Metaname=“author”content=“http;Ant Tribe<styletype=“text/css”>div{filter;alpha(不透明度=50):100px;height;100px:背景色;绿色:}<</html/gt;不透明度属性所有标准浏览器都支持alpha(不透明=50)兼容性:http:
 
 

CSS如何设置div半透明效果:
设置元素的透明度在很多应用中都有使用,下面就介绍一下如何设置一个元素为半透明,其他的透明效果自己衍伸就可以了。
代码实例如下:

复制代码
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>蚂蚁部落</title>
<style type="text/css">
div
{ 
  filter:alpha(opacity=50);  
  opacity:0.5; 
  100px;
  height:100px;
  background-color:green;
} 
</style>
</head>
<body>
<div></div>
</body>
</html>
复制代码

opacity属性所以标准浏览器都支持,但是IE8和IE8以下浏览器不支持此属性,于是就使用filter:alpha(opacity=50)进行兼容,opacity的取值是0-1,但是filter下的那个取值是0-100。opacity属性可以参阅CSS的opacity属性一章节。

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=9651

免责声明:文章转载自《CSS如何设置div半透明效果》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇博客系统的安装部署struts.xml中可以使用el表达式和ognl表达式下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

WebService基本使用

不使用任何框架,纯粹使用JDK开发一个服务端与客户端 服务端 package org.zln.ws.server;import org.slf4j.Logger;import org.slf4j.LoggerFactory;import org.zln.ws.server.domain.User;import javax.jws.WebService;/*...

PB TreeView 属性,事件详解(转)

  本文转自:http://chbin95233.blog.163.com/blog/static/32075111201010573448815/ ■TreeView控件可以以树型方式来组织项目,不仅显示直观、界面友好,而且项目的管理和操作更为方便,是当前比较流行的一个控件。该控件的特点是在较小的空间可以分层次显示大量的数据,并且可以按照用户的要求检索...

jquery幻灯片插件之owl.carousel.js

官网地址:http://owlcarousel2.github.io/OwlCarousel2/ 这个插件兼容各种浏览器,以及移动端 使用方法: 1、下载文件,解压以后,把dist里面的文件放到项目中 2、引入jquery文件,必须是1.8以上的 3、页面引入的文件: <link rel="stylesheet" href="http://t.zo...

Spring Cloud Zuul性能调整

Spring Cloud 版本: Dalston.SR5 这两天通过JMeter测了一下Spring Cloud Zuul的性能,用的是两台虚机8核8G和4核8G,宿主机是10核逻辑20核,代理的服务简单的返回字符串hello,vm堆内存1G够用 先说一下测试情况,值得一提的是测试并不严谨,因为用的是虚机,并且虚机上还跑了一些其它的东西,所以不能作为最终指...

MySQL数据库创建表报错的解决方案

实体类 package com.tao.pojo; public class Student {private String id; private String name; private String pass; public Student() { super(); } public...

JedisCluster 链接redis集群

先贴代码: <!-- redis客户端 --><dependency>  <groupId>redis.clients</groupId>  <artifactId>jedis</artifactId>  <version>2.8.2</version><...