css控制网页背景透明而内容不透明实现代码

标准浏览器里采用的是rgba背景透明,IE则可以使用滤镜。

 代码如下 复制代码
.box{background:rgba(2,32,90,0.8);filter:progid:DXImageTransform.Microsoft.Gradient( startColorStr=#cc02205A, endColorStr=#cc02205A)}

rgba模式参数分别是(红色r,绿色g,蓝色b,透明度a),透明度范围0-1。

IE的滤镜#aa02205A,前2位使用十六进制表示透明度,范围从00-FF,后6为表示的rbg颜色值。关于透明度的转换方法:如rbga中的是0.8,假设对应的十六进制是x,x/255 = 0.8,计算得出十进制值为204,再转为为十六进制就是

时间: 2024-08-21 12:28:32

css控制网页背景透明而内容不透明实现代码的相关文章

网页设计中如何让CSS控制网页背景?

css|控制|设计|网页|网页背景|网页设计 在符合标准的网页设计中如何用CSS控制网页的背景呢?包括背景的颜色,背景的图片等一些问题,在本教程中一次给你讲清楚. ·背景颜色 background-color 我想这个我就不用多做介绍了,颜色代码我想大家都知道的,不是用英文来代替就是用指定的代码来表示的.这个的默认值是transparent(透明色). 例:body{background-color:yellow}H1{background-color:#000000} ·背景图片 backgr

如何用CSS控制网页背景

在符合标准的网页设计中如何用CSS控制网页的背景呢?包括背景的颜色,背景的图片等一些问题,在本教程中一次给你讲清楚. ·背景颜色 background-color 我想这个我就不用多做介绍了,颜色代码我想大家都知道的,不是用英文来代替就是用指定的代码来表示的.这个的默认值是transparent(透明色). 例:body{background-color:yellow} H1{background-color:#000000} ·背景图片 background-image 背景图片和背景颜色在H

如何应用CSS控制网页背景?

背景颜色 background-color 我想这个我就不用多做介绍了,颜色代码我想大家都知道的,不是用英文来代替就是用指定的代码来表示的.这个的默认值是transparent(透明色). 例:body{background-color:yellow} H1{background-color:#000000} 背景图片 background-image 背景图片和背景颜色在HTML里面的设置也是基本相同的,都可以在里加入相关的语句来完成.但是在这里,我所指的并非是用这种方法,我用的方法还是CSS

学习网页制作: 用CSS来控制网页背景

css|控制|网页|网页背景 我想大家常常为一些比较合适于自己的网页背景的图片而发愁吧,这个我想也是有的,因为这些图片不是太大就是太小,或者太乱,那么有没有办法让图片能合自己的主页的胃口呢?答案是肯定的.  想知道怎么来实现嘛,好吧,大家现在开始跟着我做,我保证大家一定一学就会.不过,我想在网上"成家"的朋友一般分为在网吧里"开业"(就像我一样,刚开始从他人的主页拉相关的代码来改的),还有就是在自己家里用DW或FP之类的专业软件制作好上传的,所以呢,我打算分开两步介

用CSS来控制网页背景

css|控制|网页|网页背景 ·背景颜色 background-color 我想这个我就不用多做介绍了,颜色代码我想大家都知道的,不是用英文来代替就是用指定的代码来表示的.这个的默认值是transparent(透明色). 例:body{background-color:yellow} H1{background-color:#000000} ·背景图片 background-image 背景图片和背景颜色在HTML里面的设置也是基本相同的,都可以在里加入相关的语句来完成.但是在这里,我所指的并非

用CSS控制网页总体风格

css|控制|网页 网页设计中我们通常需要统一网页的整体风格,统一的风格大部分涉及到网页中文字属性.网页背景色以及链接文字属性等等,如果我们应用CSS来控制这些属性,会大大提高网页设计速度,更加统一网页总体效果.     为了达到修改整个网页的目的,我们需要编辑一个外挂式的CSS文档.根据这个文档定义和修改不同CSS属性并在页面元素相同或者相似的网页里调用它.     整体改变页面风格     现在网页中流行宋体的9pt和10.5pt的字体,按快捷键"Shift+F11"打开"

网页设计:用网页技术CSS实现网页背景渐变

css|渐变|设计|网页|网页背景|网页设计 用网页技术CSS实现网页背景渐变的四种代码设置. 一.从上往下渐变 body{FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000);} 二.从左上至右下渐变 body{FILTER: Alpha( style=1,opacity=25,finishOpacity=100,startX=50

CSS网页制作技巧之控制网页背景

css|技巧|控制|网页|网页背景 [简 介] 我想大家常常为一些比较合适于自己的网页背景的图片而发愁吧,这个我想也是有的,因为这些图片不是太大就是太小,或者太乱,那么有没有办法让图片能合自己的主页的胃口呢?答案是肯定的. 想知道怎么来实现嘛,好吧,大家现在开始跟着我做,我保证大家一定一学就会.不过,我想在网上"成家"的朋友一般分为在网吧里"开业"(就像我一样,刚开始从他人的主页拉相关的代码来改的),还有就是在自己家里用DW或FP之类的专业软件制作好上传的,所以呢,

CSS如何控制网页背景

大家常常为一些比较合适于自己的网页背景的图片而发愁吧,因为这些图片不是太大就是太小,或者太乱,说到背景也就只有背景颜色和颜色图片,这两个大家一定都知道在里加入bgcolor="#808080"和background="URL"对吧,其实也可以用CSS样式来做的背景,整体配合还是非常不错的. ·背景颜色 background-color 这个的默认值是transparent(透明色). 以下是引用片段: 例:body{background-color:yellow}