实例详解用CSS设定一个元素半透明

大家会使用css设定一个元素半透明吗?本文主要介绍了用css设定一个元素半透明的相关资料,非常不错,具有参考借鉴价值,需要的朋友参考下吧,希望能帮助到大家。

.opacity{  filter:alpha(opacity=50);       /* IE */  -moz-opacity:0.5;              /* 老版Mozilla */  -khtml-opacity:0.5;              /* 老版Safari */  opacity: 0.5;           /* 支持opacity的浏览器*/}

登录后复制

用 来设定一个元素为半透明

.filter = "alpha(opacity=" + opacity + ")";    /* IE */ .MozOpacity = (opacity / 100);                 /* 老版Mozilla */ .KhtmlOpacity = (opacity / 100);               /* 老版Safari */ .opacity = (opacity / 100);                    /* 支持opacity的浏览器*/

登录后复制

在Windows平台上缩放图片,可能出现图像失真现象,可用IE的专有命令:

img{-ms-interpolation-mode: bicubic;}

登录后复制

大家学会了吗?赶紧动手尝试一下吧。

相关推荐:

立即学习“前端免费学习笔记(深入)”;

CSS设定图片变灰色_html/css_WEB-ITnose

CSS设定图片变灰色_html/css_WEB-ITnose

CSS设定图片变灰色_html/css_WEB-ITnose

以上就是实例详解用CSS设定一个元素半透明的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2900968.html

(0)
上一篇 2025年3月11日 00:04:57
下一篇 2025年2月26日 00:35:48

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 关于css3新特性的形状总结

    css3是css的升级版,其中也出现了很多新特性,本文主要介绍了css3新特性应用之形状总结,非常具有实用价值,需要的朋友可以参考下,希望能帮助到大家。 一、自适应椭圆  border-radius特性: 可以单独指定水平和垂直半径,并且值…

    2025年3月11日 编程技术
    200
  • CSS3如何实现磨砂玻璃背景效果

    本文主要为大家详细介绍了css3如何打造磨砂玻璃背景效果,是css3中一个很有趣的技巧,希望能帮助到大家。 简介 这个效果是在看CSS Secrets这书上看到的,感觉很不错; 实现原理也挺简单的; 效果图及实现 立即学习“前端免费学习笔记…

    2025年3月11日
    200
  • 最全的CSS中background标签汇总

    在css开发中我们经常会用到background,本文主要为大家带来一篇css background全部汇总。小编觉得挺不错的,现在就分享给大家,也给大家做个参考,希望能帮助到大家。 所有背景属性都不能继承。 1. background-c…

    编程技术 2025年3月11日
    200
  • 常用的 css 命名规则实例分享

    本文主要和大家分享一些篇常用的 css 命名规则(推荐)。希望本文能帮助到大家,让大家更好的学习和掌握使用css。 常用的 css 命名规则(推荐) 头:header 内容:content/container 尾:footer 立即学习“前…

    编程技术 2025年3月11日
    200
  • CSS滤镜实现火焰效果实例讲解

    上次我们了解了一些css滤镜的基础知识,css滤镜 filter属性,本文主要介绍了通过css的滤镜实现火焰效果的示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧,希望能帮助到大家。 这次我们就来用css的滤…

    2025年3月11日 编程技术
    200
  • 实例讲解CSS3 mask的具体使用方法

    css的mask属性允许使用者通过部分或者完全隐藏一个元素的可见区域。这种效果可以通过遮罩或者裁切特定区域的图片。本文主要介绍了css3 mask 遮罩的具体使用方法,详细的介绍了css3 mask 遮罩的具体使用,具有一定的参考价值,有兴…

    2025年3月11日
    200
  • 浅谈容易被忽略CSS特性分享

    css初学感觉很简单,但随着学习的深入才感觉css的水由多深,平常总会遇到各种坑,先总结一些经常遇到的坑本文主要介绍了浅谈容易被忽略css特性,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧,希望能帮助到大家。 …

    2025年3月11日 编程技术
    200
  • 实例讲解CSS3实现无限循环的无缝滚动

    有时候在页面的某个模块中,需要无限循环的滚动一些消息。那么如果我们用js实现无缝衔接滚动的思路是什么呢(比如我们这个模块是向上滚动的)?本文主要介绍了用css3实现无限循环的无缝滚动的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个…

    编程技术 2025年3月11日
    200
  • 纯CSS3实现网页中常见的小箭头实例

    本文主要介绍了用纯css3实现网页中常见的小箭头的相关资料,需要的朋友可以参考下,希望能帮助到大家。 /* css3三角形(向上 ▲) */p.arrow-up { width:0px; height:0px;border-left:5px…

    编程技术 2025年3月11日
    200
  • css3实现气球样式的代码

    本文主要介绍了用css3写出气球样式的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧,希望能帮助到大家。 气球效果图: html: 登录后复制 css: .balloon{         width:…

    2025年3月11日
    200

发表回复

登录后才能评论