`
tianyalinfeng
  • 浏览: 439724 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
社区版块
存档分类
最新评论

css设置透明背景 适应所有浏览器

 
阅读更多

filter:alpha(opacity=50); 
-moz-opacity:0.5; 
-khtml-opacity: 0.5; 
opacity: 0.5; 

opacity: 0.5; This is the “most important” one because it is the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. This would be all you need if all browsers supported current standards. Which, of course, they don’t. 
filter:alpha(opacity=50); This one you need for IE. 
-moz-opacity:0.5; You need this one to support way old school versions of the Mozilla browsers like Netscape Navigator. 
-khtml-opacity: 0.5; This is for way old versions of Safari (1.x) when the rendering engine it was using was still referred to as KTHML, as opposed to the current WebKit .

 

分享到:
评论

相关推荐

    如何让css在所有浏览器下兼容

    ### 如何让CSS在所有浏览器下兼容 在Web开发领域,确保CSS代码能够在不同浏览器上稳定运行是一项重要的技能。本文将详细介绍如何使CSS在各种浏览器(包括但不限于IE6、IE7、IE8以及现代浏览器如Firefox和Chrome)下...

    设置头像及透明背景

    综上所述,实现“设置头像及透明背景”涉及到了前端开发中的多个技术点,包括CSS样式设计、JavaScript交互、文件读取API、响应式布局、性能优化以及浏览器兼容性处理。通过熟练掌握这些知识点,可以创建出美观且功能...

    纯css制作列表下拉效果各浏览器兼容

    在探讨“纯CSS制作列表下拉效果各浏览器兼容”这一主题时,我们深入解析了如何利用纯粹的CSS技术实现导航菜单的下拉效果,并确保其在不同浏览器中的兼容性,尤其是对IE6的支持,这在现代Web开发中虽不常见,但依然...

    gif透明背景loading图片大全

    4. **前端开发应用**:这些gif透明背景loading图片可以直接应用到网页或者移动应用的前端代码中,通过CSS或JavaScript来控制显示和隐藏,实现动态加载效果。例如,可以用作Ajax请求的加载指示器,或者在页面元素加载...

    gif loading 透明背景

    在IT行业中,尤其是在网页设计和开发领域,"gif loading 透明背景"是一个常见的需求。GIF(Graphics Interchange Format)是一种流行的图像文件格式,尤其适用于创建动态图像,如动画。透明背景则是指图像中某些部分...

    388个透明背景FLASH特效

    对于这些透明背景的Flash特效,开发者可能需要将其转换为HTML5/CSS3动画,以适应现代浏览器和移动设备。 6. **文件格式**: 压缩包中的文件可能是FLA(Flash源文件)或SWF(编译后的Flash影片),FLA包含源代码和...

    十分漂亮的纯CSS透明展开菜单打包

    透明展开菜单通常指的是菜单项在鼠标悬停或点击时会显示子菜单,且子菜单具有透明背景,使得背景内容可以透过菜单显示,增加了设计的层次感和现代感。"打包"意味着这个资源包含了所有必要的CSS代码和可能的HTML结构...

    木纹透明背景简单css3模板下载6124.zip

    【标题】"木纹透明背景简单css3模板下载6124.zip" 是一个前端开发资源,它包含了一个使用CSS3技术实现的具有木纹透明背景的网页模板。这个模板设计简洁,对于初学者和想要快速搭建网站的开发者来说非常适用。 ...

    漂亮的花色背景二栏css3博客模板-博客 透明 css3 标准 简洁.rar

    2. **透明效果**:在CSS3中,可以使用`opacity`属性来调整元素的整体透明度,或者使用`rgba()`函数来定义具有透明度的颜色,这样既能保持背景颜色的多样性,又能实现半透明效果,使内容与背景和谐共存。 3. **二栏...

    css背景渐变几种样式

    CSS 渐变(Gradients)是网页设计中一种常见的视觉效果,...总的来说,CSS背景渐变为网页设计增添了丰富的视觉层次感,而理解和掌握不同方式的渐变实现,可以帮助开发者更好地创造出美观且适应多浏览器环境的网页设计。

    [网页素材][flash透明背景]红心

    Flash透明背景是指在Flash动画中设置背景为透明,使得动画可以无缝地融入网页的任何位置,不会被固定颜色或图案所限制。这种特性让Flash元素能够与网页的其他部分更好地结合,提升整体设计的和谐感。红心作为设计...

    用JAVASCRIPT修正12个常见的浏览器问题

    4. **CSS浏览器选择器**:通过JavaScript,可以为不同浏览器或操作系统设置特定的CSS类,实现针对性的样式调整。例如,`CSS Browser`脚本允许根据当前浏览器的类型应用特定的CSS选择器。 5. **jQuery浏览器选择器**...

    纯css3经典tab选项卡动画特效

    9. 兼容性:虽然CSS3提供了许多强大的功能,但需要注意的是,不是所有浏览器都支持所有特性。开发者需要检查并适配不同的浏览器,确保在主要浏览器中都能正常工作。 10. 组合使用HTML结构和CSS3:创建Tab选项卡时,...

    最全的CSS浏览器兼容问题

    **问题描述**:在IE浏览器中,为元素设置透明背景色时,有时会遇到背景颜色不完全透明的情况。 **解决方法**: - 通过调整`line-height`的大小来解决这一问题。 - 使用图片作为背景,确保背景图具有透明度。 - 结合...

    简洁透明网格css模板是一款固定背景的透明简洁css网站模板。.zip

    透明网格通常是指一种具有透明背景的布局,允许下层内容透过网格结构显示。这可以通过设置背景颜色的透明度或者使用CSS网格布局(Grid Layout)配合透明效果来实现。 【CSS模板】 CSS模板是预先设计好的样式代码,...

    CSS3仿QQ浏览器官网彗星特效.zip

    "CSS3仿QQ浏览器官网彗星特效" 指的是使用CSS3技术来模仿QQ浏览器官方网站上的一种动态效果,这种效果通常表现为彗星在背景中穿梭,为网页增添视觉吸引力和动态感。CSS3是层叠样式表(Cascading Style Sheets)的第...

    css 背景半透明最佳实践

    `opacity`属性在现代浏览器中可以方便地设置元素及其所有子元素的透明度,例如`.opacity{ background:#000; opacity:0.3;}`。但在不支持`opacity`的IE浏览器中,可以使用`filter: alpha(opacity=30);`来实现相同效果...

    标准的css3.0 最新最适应的css3.0

    CSS3.0的最新适应性体现在它不断跟进现代浏览器的更新,确保在各种设备和浏览器上都能得到良好的呈现效果。通过学习和熟练掌握这些特性,开发者可以构建出更加丰富、动态且适应性强的网页界面。

    背景透明的gif的loading图片,正在加载的gif

    GIF是一种流行的位图文件格式,支持动画效果,而且可以创建透明背景。由于其支持动画的特性,使得GIF非常适合制作简单的动态效果,如旋转的箭头、波纹扩散等,这在网页加载过程中非常常见。 1. **GIF的透明性**:...

    纯CSS3背景透明的Speech Bubbles对话气泡特效源码.zip

    - **透明背景**:使用`rgba()`或`opacity`来设定气泡的透明度,允许背景内容透过气泡显示。 在开发过程中,为了适应不同类型的对话气泡(如上角、下角、左、右等),需要编写多个类选择器,每个选择器针对一种特定...

Global site tag (gtag.js) - Google Analytics