2013-05-23 分类: 网站建设
CSS的图像透明和不透明可以实现网站制作的一些小特效,很容易建立透明图像,使设计的网站更加美观。那么,如何用CSS创建一个透明图像呢?
第一步、创建一个透明图像
css中图片属性的透明度是opacity,比如说,正常图片如下:
带有透明度属性的图像,如下:
用CSS代码实现:
img{
opacity:0.4;
filter:alpha(opacity=40);
}
IE9,Firefox,Chrome,Opera,和Safari浏览器使用透明度属性可以将图像变的不透明。 Opacity属性值从0.0 - 1.0。值越小,使得元素更加透明。
IE8和早期版本使用滤镜:alpha(opacity= x)。 x可以采取的值是从0 - 100。较低的值,使得元素更加透明。
当用户将鼠标悬停在其中一个图像上时发生什么。在这种情况下,当用户将鼠标悬停在图像上时,图片是清晰的,应该是用户更希望看到的。
那么CSS是:opacity=1.
IE8和更早版本使用: filter:alpha(opacity=100);当鼠标指针远离图像时,图像将重新具有透明度。
新闻名称:CSS中图像的透明and不透明怎么设置
网站网址:/news/787.html
成都网站建设公司_创新互联,为您提供网站排名、静态网站、软件开发、自适应网站、品牌网站制作、外贸网站建设
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联
猜你还喜欢下面的内容