css滤镜效果无法在360极速浏览器中实现效果而在ie中就可以 求解答~
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了css滤镜效果无法在360极速浏览器中实现效果而在ie中就可以 求解答~相关的知识，希望对你有一定的参考价值。
在看视频教程中css滤镜的课程发现在ie浏览器中可以实现的透明度滤镜而我用360极速浏览器打开之后就没有这个效果 我查了一下360极速浏览器内核也是基于ie浏览器的为什么不会显示呢？ 还是说我需要在360浏览器中设置插件添加什么的？
css滤镜只支持IE内核的浏览器，而360急速版是webkit内核的。如果想做写一个所有内核的浏览器都兼容的网页，那么css滤镜最好丢弃，就偈丢弃VBscript一样，完全丢弃，就当没有这种东西 参考技术A css滤镜就是一坨屎， 参考技术B 有相应的替代方法。
我想可以在文字下面再叠一层浅色的同样的字，然后做2个像素的错位，制造阴影的假象。
或者就用图片去做了 参考技术C 360怎么让它最大化
在 html/css 中实现白色不透明效果
【中文标题】在 html/css 中实现白色不透明效果【英文标题】：Achieving white opacity effect in html/css 【发布时间】：2011-04-27 12:44:06 【问题描述】：有没有办法以跨浏览器兼容的方式实现这种效果，而无需准备分离的图像？
基本上，文本所在的框架有一个 50% 不透明度的白色叠加层。我想要一个不涉及创建除背景之外的任何其他图像的解决方案，但我不知道这是否可能！
【问题讨论】：
CSS: Styling visited images cross browser way / cross browser opacity 的可能重复项 查看骗局。不过，您必须将黑色文本放入单独的 DIV 中 但请注意，IE6 的过滤器确实是资源吸盘（IE6 工作站可能没有太多可用的资源）。 使用 opacity 我可以改变背景白色 DIV 的 alpha 但我怎样才能让文本保持黑色？我将它放在具有背景的 DIV 中，但如果我通过 CSS 覆盖它，它也会继承不透明度 CSS3 不透明度规则将级联以包含您的文本；但是 Bobby Jack 的答案中的 RGBA 背景颜色不会，给你一个 50% bgnd 不透明度和完全不透明度的文本。 【参考方案1】：如果由于浏览器支持而无法使用rgba，并且不想包含半透明的白色PNG，则必须创建两个定位元素。一个用于白色框，不透明，另一个用于覆盖文本，实心。
body background: red;
.box position: relative; z-index: 1;
.box .back
position: absolute; z-index: 1;
top: 0; left: 0; width: 100%; height: 100%;
background: white; opacity: 0.75;
.box .text position: relative; z-index: 2;
body.browser-ie8 .box .back filter: alpha(opacity=75); <!--[if lt IE 9]><body class="browser-ie8"><![endif]-->
<!--[if gte IE 9]><!--><body><!--<![endif]-->
<div class="box">
<div class="back"></div>
<div class="text">
Lorem ipsum dolor sit amet blah blah boogley woogley oo.
</div>
</div>
</body>【讨论】：
【参考方案2】：试试 RGBA，例如
div background-color: rgba(255, 255, 255, 0.5);
与往常一样，这并不适用于曾经编写的每一个浏览器。
【讨论】：
可以工作，但它与 IE 不兼容，所以我不得不使用 1 像素的背景图像和 50% 的 alpha。无论如何谢谢:)以上是关于css滤镜效果无法在360极速浏览器中实现效果而在ie中就可以 求解答~的主要内容，如果未能解决你的问题，请参考以下文章
关于CSS滤镜设置的问题，为啥网页显示不出来效果，变不了灰色，帮忙查看一下代码看看错在哪里，谢谢
网页设计Dreamweaver中CSS滤镜的 阴影效果和光照效果 显示出问题。