原文:div+css 如何让背景层半透明 内容不透明 并且能兼容ie6,ie7,ie8,ff 【转】

用一个大的div来包裹阴影层 半透明div 和p标记,p标记要放在阴影层之外 然后利用position:absolute z index background color opacity filter:alpha opacity 等等样式,就能实现想要的效果。 效果如图: 第一种效果 对应第一图 的代码如下: 关于样式: 第二种效果 对应第二图 的代码如下: 关于样式: 本文非原创,版权归原作者 ...

2012-09-01 10:24 1 41001 推荐指数:

查看详情

css 实现半透明,且块内文字不透明兼容ie6等各种浏览器)

兼容各浏览器且效果一致,有两种方法: 一、使用 opacity + Alpha Filter 其实见到这个的时候,我们的第一想法当然是 background + opacity,在不支持 opacity 的 IE 再使用 filter 的 alpha 滤镜来实现。但是如果仅仅只是如此,这个最 ...

Fri Jun 01 22:25:00 CST 2012 0 6540
兼容IE、Firefox的背景半透明内容不透明设置

  首先要说明的是背景内容的祖先元素。如果是兄弟节点那就没有必要记录这篇文章了。   记录一下,知其然也知其所以然。 IE8-特点:   1.不支持"opcity:0.5;"这种写法,只支持"filter:alpha(opacity=50)"。   2.如果背景元素拥有css属性设置 ...

Fri Jan 01 02:08:00 CST 2016 0 10545
IE8兼容rgba颜色的半透明背景

在工作中做一个图片半透明遮罩时发现在IE8下不兼容 一查再知道IE8不支持rgba颜色,再搜搜兼容性方法,没想到这么快就解决了。 先说说rgba的含义: r代表red,g代表green,b代表blue,a代表透明度。红绿蓝是三原色,所有颜色都可以由这三种颜色拼合而成。比如rgba ...

Mon Aug 31 04:47:00 CST 2015 0 5474
CSS实现DIV背景透明而文字不透明

在我们设计制作一些网页的时候可能会用到半透明的效果,首先我们可能会想到用PNG图片处理,当然这是一个不错的办法,唯一的兼容性问题就是ie6 下的BUG,但这也不困难,加上一段js处理就行了。但假如我们需要一个半透明遮罩的弹出,如登陆框、注册框、提示等,这时可能需要整个页面都要被半透 明的遮罩 ...

Tue Dec 10 06:18:00 CST 2013 1 2498
解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10()

原文地址: http://www.frontopen.com/2552.html 在网站开发中不免因为各种兼容问题苦恼,针对兼容问题,其实IE给出了解决方案Google也给出了解决方案百度也应用了这种方案去解决IE兼容问题 百度源代码如下 <!Doctype ...

Wed Apr 22 00:41:00 CST 2015 0 3132
真~让IE8支持background: rbga; ,IE8兼容rgba颜色的半透明背景

IE8兼容rgba颜色的半透明背景 这样的标题在百度和google搜索下很多篇文章,讲解IE8兼容rgba的。 这些文章全部都是使用IE下的filter来使元素透明,但是这个里面会有bug。 它们的如下: IE filter 的bug 简答评论下这个代码的问题,首先这代码在IE ...

Fri Nov 25 00:07:00 CST 2016 0 3270
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM