`

透明度css

 
阅读更多 
.transparent_class {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

上面的几个属性分别是:

  • opacity: 0.5; 这是最重要的，因为它是CSS标准.该属性支持firefox, Safari和 Opera.
  • filter:alpha(opacity=50); 这个是为IE6设的，可取值在0-100，其它三个0到1.
  • -moz-opacity:0.5; 这个是为了支持一些老版本的Mozilla浏览器。
  • -khtml-opacity: 0.5; 这个为了支持一些老版本的Safari浏览器。
分享到：
| ibatis配置
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    CSS透明度定义

    ### CSS透明度定义 在网页设计与开发领域中，CSS（层叠样式表）作为一种强大的样式语言被广泛应用于控制HTML文档中的元素布局、颜色、字体等视觉表现效果。其中，CSS透明度设置是一项非常实用的功能，它允许开发者...

    html+css透明背景

    但是，当为整个元素设置`opacity`时，该元素及其所有子元素都会受到此透明度的影响，包括内容。例如： ```css .box { background-color: rgba(0, 0, 0, 0.5); /* 半透明黑色背景 */ opacity: 0.5; /* 全元素半...

    李炎恢HTML_CSS教程.pdf

    * CSS其他样式：圆角、阴影、透明度 CSS高级 * CSS3前缀和rem：CSS3新特性、rem单位 * CSS3文本效果：文本阴影、文本描边、文本装饰 * CSS3边框图片效果：border-image、border-radius * CSS3变形效果：transform...

    css背景图片的背景裁切、背景透明度、背景变换等效果运用

    正如前面所说，仅仅依靠CSS现有的属性，我们无法实现背景裁切、背景透明度、背景变换和复杂背景定位等效果.为了实现这些效果，我们需要借助CSS的其他方法来实现，比如说CSS伪元素，他可以帮助我们模拟出这些CSS无法...

    CSS2中文手册(属性帮助文件)

    CSS2支持更广泛的色彩表示，如十六进制、RGB、RGBA等，并引入了`opacity`属性控制元素的透明度。 #### 8. 图像处理 CSS2允许通过`background-position`和`background-size`控制背景图像的位置和大小，`clip`属性则...

    css2.chm最新文档

    CSS2提供`opacity`属性来设置元素的透明度，允许元素及其所有子元素具有相同的透明度，这在创建半透明效果时非常有用。 七、边框与背景 CSS2允许使用图像作为边框，并提供了`border-radius`属性来创建圆角边框。...

    简洁透明网格css模板

    透明网格CSS模板的核心在于其透明度的应用，通过调整元素的`opacity`或使用`rgba()`颜色值，设计师可以创造出半透明的效果，使得背景图片或其他元素可以透过网格层隐约可见，增加层次感和深度。此外，这种透明效果还...

    css3.0参考手册.chm

    CSS3.0引入了rgba()函数，可以在颜色中添加透明度，以及hsl()和hsla()函数，用色相、饱和度和亮度来定义颜色，提供了更丰富的色彩控制。 六、过渡与动画 `transition`和`animation`属性让元素的样式变化可以平滑...

    CSS代码实现背景透明而文字不透明

    rgba() 函数允许我们定义颜色的红绿蓝alpha值，其中alpha值表示颜色的透明度，范围是0（完全透明）到1（完全不透明）。例如，以下代码会让背景颜色变为半透明： ```css 元素选择器 { background-color: rgba(0, 0,...

    CSS实现表单元素透明效果

    在CSS中，透明度是指一个元素的可见度，它可以是完全不透明（即100%可见）到完全透明（即0%可见）。CSS3引入了`opacity`属性，允许我们设置元素的整体透明度。例如，将一个表单元素的透明度设为0.5，代码如下： ```...

    css2.0中文手册

    CSS2.0引入了opacity属性来控制元素的透明度，同时image-url和background-image属性用于添加背景图片，可以设置图片的尺寸、裁剪和重复。 七、媒体查询 虽然CSS3才正式引入媒体查询，但CSS2.0的`@media`规则已经...

    CSS应用---透明圆角

    文件名`css_conerround`可能包含了实现上述效果的示例代码，它可能包括了不同圆角半径和透明度的CSS类，供开发者在自己的项目中复用。通过查看这些代码，可以更深入地理解如何在实践中应用这些技术。 总之，"CSS...

    css3系列教程(透明度).rar

    在CSS3中，透明度（Opacity）是一个强大的特性，它允许我们控制元素及其所有子元素的总体透明程度。本教程将深入探讨这个话题，并通过实例帮助你理解和掌握如何使用CSS3透明度来创建引人入胜的网页效果。 首先，...

    CSS 3.0 中文参考手册(CHM版).zip

    CSS 3.0引入了更多颜色模式，如HSL（色相、饱和度、亮度）和RGBA（红绿蓝透明度），提供了更丰富的色彩控制，同时`opacity`属性可以调整元素的透明度。 九、形状与边距 CSS 3.0的`shape-outside`属性可以创建非矩形...

    jquery特效菜单--透明度切换

    总的来说，通过结合jQuery的便利性和CSS的过渡效果，我们可以轻松创建出优雅的透明度切换菜单。这个效果不仅可以用于导航菜单，还可以应用到其他交互元素，如按钮、卡片等，以增加网页的动态感和用户参与度。

    css3半透明遮罩背景lightbox图片展示特效

    1. 渐隐效果：通过CSS3的`transition`属性实现，设定元素的透明度在一定时间内平滑变化。例如： ```css .image-container { opacity: 0; transition: opacity 0.5s ease-in-out; } .show-image { opacity: 1; }...

    CSS3制作超酷的鼠标悬停效果

    CSS3的阴影效果（box-shadow 和 text-shadow）以及透明度（opacity）也能在鼠标悬停时创造出独特的视觉体验。例如，一个按钮在悬停时可以产生一个平滑的阴影效果： ```css button { padding: 10px 20px; ...

    CSS 透明度属性

    CSS 透明度属性是网页设计中用于控制元素可见度的重要工具，它允许元素呈现出不同程度的透明，从而实现渐变效果或者让背景元素透过前景元素显示出来。本文将深入探讨CSS透明度属性及其在不同浏览器中的兼容性问题。 ...

    asp.net中文水印透明度

    通过修改CSS类，我们可以调整中文水印的透明度。例如，添加以下CSS代码： ```css .watermark { opacity: 0.5; /* 设置水印透明度为50% */ } ``` 在使用jQuery Watermark插件时，别忘了在页面加载后应用这个类...

    css半透明效果

    例如，设置一个元素的`opacity`为0.5，那么这个元素就会显示为50%的透明度： ```css .element { opacity: 0.5; } ``` 然而，`opacity`属性会影响元素及其所有子元素的透明度。如果只想改变元素背景的透明度，而不...

Magicbox
Global site tag (gtag.js) - Google Analytics