Eeic Meyer on CSS 之背景半透明效果

CSS 并不支持任何形式上的半透明的效果。
书上介绍了两种方法来达到半透明的效果。

第一种是利用“半屏（halfscreen）”，是由Todd Fahrner 提出的。
原理上就是利用相邻两个像素，使其中一个透明，另一个颜色的方法，达到半透明的效果。图片大小建议是10px*10px的大小，而不是2px*2px的图片，因为会使得浏览器严重变慢。起原因是下载那两个图片事实证明所用时间是一样的。使用大一些的图片可以加快浏览器的显示。

第二种是类似于欺骗的方法。是使用两张图片所做出来的效果。其中一张是具有半透明效果的覆盖在另一张之上，因此造成的错觉半透明的效果。也可以使用background：fixed的方法把background固定起来。

转载于:https://www.cnblogs.com/liyinkan/archive/2008/10/06/1304398.html

Eeic Meyer on CSS 之背景半透明效果相关推荐

css透明效果代码结构,用CSS实现背景半透明效果的方法实现_css
如何用css实现背景半透明效果?做过活动页面的同学可能会遇到要做背景半透明的效果,我们一般的做法是用两个层,一个用于放文字,另一个用于做透明背景,因为透明滤镜的效果会影响到里面的内容.不过如果你只需求 ...
CSS设置背景透明效果
CSS设置背景透明效果设置背景透明效果有两种方法: 使用opacity属性定义透明度,范围0-1,0表示完全透明,1表示不透明,优点:可以在背景图片以及背景颜色上使用.缺点:会把设置div及其子元素 ...
css设置背景半透明，文字不透明效果
设置背景半透明,文字不透明效果一.常见的错误做法最常见的做法就是: 1.设置元素的opacity,这种设置出来的效果就是内容与背景都是半透明的,严重影响视觉效果. 2.设置background-c ...
CSS背景半透明效果
说到CSS的透明效果可以使用如下方式: 1. opacity属性设置:例如opacity:0.7,而低版本的IE浏览器不直接支持这个属性,但是可以使用滤镜filter:alpha(opacity:70 ...
前端开发问题——css设置背景样式效果无法显现
思考维度 1.css样式是否配置有误,如:检查背景url是否写错,css样式是否被调用,是否出现同名css导致样式被覆盖 2.背景无法撑开元素的宽高,在为元素设置背景时一定要先设置宽度 3.设置背景的 ...
CSS 实现背景半透明
IE过渡滤镜 + CSS3 rgba 即可完美实现. 具体实现代码如下: .transparent {background:rgba(0, 0, 0, 0.3);filter:progid:DXIma ...
css背景图片半透明效果
css 设置背景色半透明效果,参数 background:rgba(x,x,x,x) 最后一个a表示半透明,取值是0-1
html如何设置背景半透明,css中如何设置背景半透明
css中设置背景半透明效果可以使用opacity属性,该属性用来设置元素的不透明级别,如[opacity:0.5],表示将元素设置为半透明状态. 本文操作环境:windows10系统.css 3.th ...
问题：给DIV设置半透明层，用CSS实现半透明效果呢？
遇到的问题: 我们在写css样式时,div半透明效果如何实现呢?使用css实现div成半透明效果,css实现层与背景半透明效果. 解决方法: 我们还是直接上代码吧. 一.CSS半透明基础介绍设置DI ...

Eeic Meyer on CSS 之背景半透明效果

Eeic Meyer on CSS 之背景半透明效果相关推荐

最新文章

热门文章

Eeic Meyer on CSS 之 背景半透明效果

Eeic Meyer on CSS 之 背景半透明效果相关推荐

最新文章

热门文章

Eeic Meyer on CSS 之背景半透明效果

Eeic Meyer on CSS 之背景半透明效果相关推荐