css去除透明度

CSS是构建网站的重要语言之一,可以让界面更加美观,同时也非常灵活。其中透明度是一个非常常用的属性,但是在有些情况下我们需要去除透明度,下面就让我们来看看如何实现这个功能

/* 去除透明度 */
* {
  opacity: 1!important;
  filter: alpha(opacity=100)!important;
}

css去除透明度

以上代码中,我们使用了两个CSS属性一个是opacity,这个是CSS3中引入的属性,取值范围是0到1之间,值越小透明度越高。我们利用!important来强制覆盖原有的透明度设置,将其设置为1,即不透明。另一个属性是filter,这个是IE浏览器中的一个属性,我们通过它来设置IE浏览器中的透明度。alpha(opacity=100)表示将元素的透明度设置为100%。同样,我们也加上了!important来强制覆盖原有的设置。

值得注意的是,以上代码适用于所有元素,如果需要为某个特定的元素去除透明度,可以将*改为相应的选择器。

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效