脚本之家

电脑版
提示:原网页已由神马搜索转码, 内容由www.jb51.net提供.
您的位置：主页> 网页制作> CSS> CSS教程>

CSS样式设置元素的透明度以50%为例

  发布时间：2013-10-12 16:58:51  作者：佚名  我要评论
CSS样式设置元素的透明度的方法有很多，不过兼容各种浏览器就屈指可数了，下面以将透明度设置为50%举例，向大家介绍下，感兴趣的朋友不要错过
下面的代码兼容各种浏览器，用于定义对象的透明度，本范例设置透明度为50%

复制代码
代码如下:

.transparent_class {
/* http://www.sharejs.com/codes/ */
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}

相关文章

    • CSS3 实现文本与图片横向无限滚动动画效果
      这篇文章主要介绍了CSS3 实现文本与图片横向无限滚动动画,本文通过示例代码给大家介绍的非常详细，感兴趣的朋友跟随小编一起看看吧
      2024-06-12
    • CSS实现苹果官网文字渐入效果(示例代码)
      这篇文章主要介绍了CSS实现苹果官网文字渐入效果(示例代码),文字是从左到有慢慢呈现出来，不是整体消失和出现，那么肯定不能使用透明度，结合示例代码讲解的非常详细，需要
      2024-06-12
    • CSS实现鼠标悬停图片放大的多种方法
      这篇文章主要介绍了CSS实现鼠标悬停图片放大的几种方法,使用css设置背景图片大小100%，同时设置位置和过渡效果，然后使用：hover设置当鼠标悬停时修改图片大小，实现悬停放
      2024-05-29
    • css3实现类似地图定位循环扩散光圈效果(最新推荐)
      这篇文章主要介绍了css3实现类似地图定位循环扩散光圈效果,本文通过实例代码给大家介绍的非常详细，感兴趣的朋友跟随小编一起看看吧
      2024-05-24
    • CSS鼠标悬浮动画-hover属性详解
      这篇文章主要介绍了CSS鼠标悬浮动画-hover属性详解，本文通过实例代码给大家介绍的非常详细，感兴趣的朋友跟随小编一起看看吧
      2024-05-24
    • CSS的Flexbox布局示例详解
      CSS Flexible Box Module是一种现代化的布局模式，用于创建响应式的一维布局（无论是水平还是垂直），下面给大家介绍Flexbox布局的一些关键概念和示例代码，感兴趣的朋友一
      2024-05-16

  • CSS中去掉li前面的圆点方法(常见方法汇总)

    在网页开发中，我们经常会使用无序列表（<ul>）来展示一系列的项目,默认情况下，每个列表项（<li>）前面都会有一个圆点作为标记，本文将介绍几种常见的方法来
    2024-05-16

  • CSS实现dom脱离文档流定位固定位置的操作代码

    在CSS中，要使一个DOM元素脱离正常的文档流并定位在页面的右顶部，你可以使用position属性，这篇文章主要介绍了CSS实现dom脱离文档流定位固定位置,需要的朋友可以参考下
    2024-04-30

  • stylus入门使用方法示例详解

    Stylus 是一个功能强大的 CSS 预处理器，能够让你的样式表开发变得更加高效和有趣，本文介绍stylus入门使用方法，感兴趣的朋友跟随小编一起看看吧
    2024-04-22

  • CSS中五种常见定位方式详解

    这篇文章主要为大家详细介绍了CSS中五种常见定位方式以及它们的具体应用，文中的示例代码讲解详细，具有一定的借鉴价值，感兴趣的小伙伴可以跟小编一起学习一下
    2024-04-22

    • 最新评论