IE8中的前景透明度

     2023-03-06     222

关键词:

【中文标题】IE8中的前景透明度【英文标题】:Foreground transparency in IE8 【发布时间】:2013-06-02 18:21:36 【问题描述】:

我正在尝试让透明度在 IE8 中工作。我见过的所有解决方案都是针对背景颜色的,但我正试图让它为前景颜色工作。

我想在 IE8 中获得这种效果(颜色是用户生成的,因此无法使用近似的混合颜色解决方案,因为这些不是目标颜色)

HTML:

<div>testing</div>
<span>testing</span>

CSS:

div 
    color: rgba(255, 0, 0, .5);

span 
    color: red

body 
    background: green;

http://jsfiddle.net/6L2DZ/

【问题讨论】:

【参考方案1】:

在 IE8 中的 CSS 中没有本地方式来执行此操作。 IE8 不支持 CSS rgba 颜色。故事结束。

实现这一点的唯一方法是使用 polyfill 脚本,而我所知道的唯一可以在 IE8 中执行 rgba 颜色的 polyfill 脚本是 CSS3Pie。

使用 CSS3Pie 将在某些情况下添加对 rgba 颜色的支持,但支持文本颜色。它适用于背景色和渐变色,但不适用于文本。

因此,我不认为您正在寻找的东西实际上可以按照您想要的方式完成。

通过将文本放入单独的元素并为该元素设置不透明度,您可能会取得一些成功。由于元素中唯一的东西是您的文本,因此它会产生类似的效果,就好像您使用 rgba 为文本赋予了透明效果。这并不理想,但这是我能想到的唯一可行的解​​决方案。

【讨论】:

【参考方案2】:

我遵循了这里所说的:http://robertnyman.com/2010/01/11/css-background-transparency-without-affecting-child-elements-through-rgba-and-filters/

当我需要做类似的事情时确实工作了:D

【讨论】:

【参考方案3】:

试试这个:filter: alpha(opacity=75);

或者这个:Opacity CSS not working in IE8

【讨论】:

这将导致 IE9 中的文本双重透明。你也可以添加-ms-filter:'none';来抵消它,让它在IE9中运行。

IE8 中的不透明度不起作用

】IE8中的不透明度不起作用【英文标题】:opacityinIE8notworking【发布时间】:2012-05-0423:44:08【问题描述】:我已经设置了覆盖层的不透明度,它在FF、Chrome、Safari和IE9中运行良好,但在IE8中没有。我google了很多,但没有找到任何解... 查看详情

IE8 中的不透明度取决于位置:相对

】IE8中的不透明度取决于位置:相对【英文标题】:opacityinIE8dependsonposition:relative【发布时间】:2011-07-2220:12:48【问题描述】:我注意到在某些情况下,表单元素在IE8中无法透明。原来取决于position:relativeCSS标签。下面的HTML演示... 查看详情

前景中的 Transparent-Background-Png 不保留 Angular 组件中的背景透明度

】前景中的Transparent-Background-Png不保留Angular组件中的背景透明度【英文标题】:Transparent-Background-PnginForegrounddoesnotretainbackgroundTransparencyinAngularComponent【发布时间】:2021-11-2507:53:59【问题描述】:所以基本上我正在创建一个登录... 查看详情

使用 Javascript onkeyup() 更改 IE8 中的不透明度(再次)

】使用Javascriptonkeyup()更改IE8中的不透明度(再次)【英文标题】:ChangingopacityinIE8usingJavascriptonkeyup()(again)【发布时间】:2012-04-2607:00:30【问题描述】:对于发布另一个IE不透明性问题,我提前道歉,但我已经阅读了至少30个不同... 查看详情

jQuery - IE8 中的动画不透明度

】jQuery-IE8中的动画不透明度【英文标题】:jQuery-AnimatingopacityinIE8【发布时间】:2011-12-0114:55:54【问题描述】:在我目前正在处理的网站上,我有一个&lt;ul&gt;,其中包含&lt;li&gt;的负载,每个都包含&lt;div&gt;、&am... 查看详情

IE8中的透明背景颜色

】IE8中的透明背景颜色【英文标题】:TransparentBackgroundcolorinIE8【发布时间】:2013-09-0212:39:38【问题描述】:有一个&lt;tr&gt;和一个background-color(绿色)和一些&lt;td&gt;s用它自己的(渐变)覆盖行的背景。然而,大多数... 查看详情

使背景图像透明而不影响 Jekyll 主题中的前景文本

】使背景图像透明而不影响Jekyll主题中的前景文本【英文标题】:MakebackgroundimagetransparentwithoutaffectingforegroundtextinJekylltheme【发布时间】:2019-07-2018:10:27【问题描述】:我是HTML和CSS的新手。我正在使用thisJekyllboostraplandingtheme来构... 查看详情

有没有办法让不透明度适用于ie8中的绝对定位子元素

】有没有办法让不透明度适用于ie8中的绝对定位子元素【英文标题】:Isthereanywaytohaveopacityapplytoabsolutelypositionedchildelementsinie8【发布时间】:2011-09-0222:56:59【问题描述】:在大多数浏览器中,当一个html元素只是部分不透明时,它... 查看详情

在使用PNG透明和不透明时,ie7和ie8中的盈余而不是透明

...4-2611:06:12【问题描述】:我正在开发一个使用PNG透明和不透明度的项目,但是该区域在IE7和IE8中有多余的而不是透明的,它是黑色的,有人可以帮助我吗?printofarea 查看详情

IE8 中的不透明度适用于 <p> 但不适用于 <a>

】IE8中的不透明度适用于<p>但不适用于<a>【英文标题】:OpacityinIE8workson<p>butnoton<a>【发布时间】:2011-03-2801:00:35【问题描述】:我在使用IE8时遇到问题,无法使&lt;a&gt;元素透明。我找到了这些相关的SO问... 查看详情

IE8不透明度不起作用[重复]

】IE8不透明度不起作用[重复]【英文标题】:IE8OpacityNotWorking[duplicate]【发布时间】:2012-03-2612:05:46【问题描述】:可能重复:OpacityCSSnotworkinginIE8所以我一直试图让不透明度在IE8中工作(不是真正的IE8,更像IE9中的IE8浏览器模式... 查看详情

IE8不透明度问题

】IE8不透明度问题【英文标题】:ProblemwithopacityinIE8【发布时间】:2011-06-0415:34:18【问题描述】:我尝试解决IE8中出现的问题。html很简单:<divid="overlay"></div><divid="imgcontainer"><div><divid="source"></div></div&... 查看详情

过滤器不透明度不适用于复选框(IE8)

】过滤器不透明度不适用于复选框(IE8)【英文标题】:FilterOpacitynotWorkingforCheckbox(IE8)【发布时间】:2013-11-0303:51:06【问题描述】:我对@9​​87654321@进行了一些自定义,并尝试使不透明度在IE8中工作。-ms-filter:"progid:DXImageTra... 查看详情

透明度background:rgba()兼容ie8;边框只针对ie8出现

.z_mask{font-size:13px;width:100%;height:100%;background:rgba(0,0,0,.5);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000,endColorstr=#BF000000)";color:#fff;position:absol 查看详情

模糊的 IE8 不透明度问题

】模糊的IE8不透明度问题【英文标题】:ObscureIE8OpacityIssue【发布时间】:2013-06-2320:56:50【问题描述】:我在处理IE8和Websphere6.1时遇到了一个奇怪的不透明度问题。有一个非常基本的不透明度设置,我们在某个屏幕上方有一个模... 查看详情

不透明度在 IE8 中不起作用

】不透明度在IE8中不起作用【英文标题】:Opacityisn\'tworkinginIE8【发布时间】:2013-04-1215:22:15【问题描述】:我已经摸索了大约3个小时,试图弄清楚为什么opacityCSS属性在IE8中不适用于我的网站。它在IE7和IE9+中有效,但IE8无法使... 查看详情

尝试在 IE8 中使用不透明度 [重复]

】尝试在IE8中使用不透明度[重复]【英文标题】:TrytouseopacityinIE8[duplicate]【发布时间】:2014-12-0306:49:27【问题描述】:我正在尝试在我的网站中使用opacity,但它在IE8中效果不佳。我的代码如下:filter:alpha(opacity=80);-moz-opacity:0.8;-m... 查看详情

具有透明背景和不透明前景的 iOS 模态 ViewController

】具有透明背景和不透明前景的iOS模态ViewController【英文标题】:iOSModalViewControllerwithTransparentBGandOpaqueForeground【发布时间】:2016-03-2617:07:45【问题描述】:我正在尝试在XCodeStoryboard中创建一个具有半透明背景的模态视图。在这个... 查看详情