css中如何设置透明度

怎样在CSS样式中设置背景的透明度,下面一个具体的实例。把类为box的层设为透明。<div class="box"></div><style>.box{width:300px; height:200px; margin:0 auto; boxder:1px solid #ccc; background:#000; filter:alpha(opacity:30); opacity:0.3;  -moz-opacity:0.3;-khtml-opacity: 0.3}</style>其中background:#000; filter:alpha(opacity:30); opacity:0.3;为关键代码，当opacity值为1时，表示完全不透明，为0时表示完全透明。其关的属性介绍如下:opacity: 0.3；这是“最重要的”，因为它是在CSS的现行标准。这将在Firefox，Safari和Opera的大多数版本的工作。这将是你所需要的一切如果所有的浏览器都支持目前的标准。当然是他们不会错。filter:alpha(opacity=30);这一个是针对IE浏览器-moz-opacity:0.3;你需要这一个支持老版本的Mozilla浏览器如Netscape Navigator。-khtml-opacity: 0.3;这是旧版本的Safari（1.×）当渲染引擎是使用仍被称为kthml，而不是目前的WebKit。
时间： 2024-10-14 01:39:15

css中如何设置透明度的相关文章

css中怎么设置透明度的问题

小伙伴们是不是在找怎么样去设置页面的透明度的方法呢...别找了,我这儿就有,而且肯定够用了. 我自己会用到的就有两种,可以和大家分享一下. 1.用opcity的方法去设置透明度.代码如下: .div { opcity:0.1; -webkit-opcity:0.1;(用来解决浏览器兼容问题) } 这种方法是不是都会呢... 2.用rgba()方法去设置透明度.代码如下 .div { background:rgba(0,0,0,0.1); } 这种方法你会么? 如果两种方法都会,那么你知道区别吗.

css中filter:alpha透明度使用

css中filter:alpha透明度使用    使用filter可以设置透明度,filter:alpha在IE下是没有问题的,要支持firefox就需要使用-moz-opacity,下面有个不错的示例,大家可以参考下 filter:alpha(opacity=0, finishopacity=100, style=2, startx=0, starty=5, finishx=200, finisyY=195) opacity:透明度级别,范围是0-100,0代表完全透明,100代表完全不透明.

css中滚动条设置

1. html中只有竖直滚动条 1 { 2 overflow-y:scroll; 3 overflow-x:hidden; 4 } 或者: <body scroll="no" style="overflow-x:hidden"> 2. 没有垂直滚动条 1 { 2 overflow-y:hidden; 3 overflow-x:scroll; 4 } 或者: <body scroll="no" style="overfl

css中filter:alpha透明度总结

Alpha,设置透明度. 用法: [html] view plain copy FILTER:alpha(opacity=80);/* 设置不透明度为80 */ filter:Alpha(Opacity=?, FinishOpacity=?, Style=?, StartX=?, StartY=?, FinishX=?, FinishY=?)Opacity:透明度级别,范围是0-100,0代表完全透明,100代表完全不透明.FinishOpacity:设置渐变的透明效果时,用来指定结束时的透明度

css中 background设置

css2中有五个与背景相关的属性.它们是: background-color:完全填充背景的颜色 background-image:用作背景的图片 background-position:确定背景图片的位置 background-repeat:确定背景图片是否重复铺平 background-attachment:确定背景图片是否随页面滚动                                                                                

CSS中水平居中设置的几种方式

1.行内元素: 如果被设置元素为文本.图片等行内元素时,水平居中是通过给父元素设置 text-align:center 来实现的. <body> <div class="txtCenter">我想要在父容器中水平居中显示.</div> </body> <style> .txtCenter{ text-align:center; } </style> 2.块状元素: 当被设置元素为 块状元素 时用 text-alig

css中display设置为table、table-row、table-cell后的作用及其注意点

html: <div class="table"> <div class="row"> <div class="cell">内容内容内容内容内容内内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</div> <

css中如何设置字体

建议使用font-family: "Microsoft YaHei";支持UTF-8和GB2312字符集. 不生效的3种情况:1.当此属性定义的是全局样式时,对于表单类的标签就不会生效,还需要再次定义如:body {font-family: "Microsoft YaHei";}对表单input就不生效,还需要定义一个input {font-family: "Microsoft YaHei";}才可以. 2.本地计算机不存在微软雅黑字体,有的系统

CSS中伪类及伪元素用法详解

原文:CSS中伪类及伪元素用法详解 伪类的分类及作用: 注:该表引自W3School教程 伪元素的分类及作用: 接下来让博主通过一些生动的实例(之前的作业或小作品)来说明几种常用伪类的用法和效果,其他的读者可以自己尝试: :active  大致效果为用鼠标点击时,元素增加特效,鼠标松开时,特效消失.多用在按钮的点击上. 写法: 这里id为box的是一div块,在css中首先设置了他的基本样式,下面为加入:active伪类后需要修改的样式. 未点击时: 点击之后: :active.:hover.: