将ie7发光滤镜应用于链接

时间:2010-08-15 16:46:07

标签: css

我对我正在重新设计的网站有疑问,问题特别在于ie7。 如果你看一下dev.indigoniche.com(这通常会将你重定向到主站点因为一些cookie事情,所以在那之后再回到开发站点)你会在右上角看到登录模块。头部分的背景在页面加载的5个设计之间变化。因为设计是如此忙碌和冲突的颜色,我需要突出显示登录模块中的文本,我在非浏览器中使用以下代码做得很好

text-shadow:0 0 5px #000000, -1px -1px 5px #000000;

在ie7中,您可以使用以下过滤器

filter: glow(color=#000000,strength=3);

所以我在条件ie7.css文件中这样做

.......

#form-login-password, #form-login-username, .custom_loginmodule form input, #forgot_password_text a, #register_text a, .custom_loginmodule a:visited, .custom_loginmodule a:link, .custom_loginmodule a:hover{


filter: glow(color=#000000,strength=3);


}

#modlgn_username{


filter: glow(color=#000000,strength=0);


}

.......

你可以在ie7中看到这个焕发在登录按钮以及用户名和密码字段上正常工作,但它只是不适用于'注册'或'忘记密码'文本,可能是因为它们是链接。

我不能为我的生活解决为什么它不会在链接上工作。有什么想法吗?

此外,登录,注册和忘记密码应该具有悬停状态,文本框本身不需要我无法关闭的发光。

感谢您的期待,我希望您能帮助我。

由于

2 个答案:

答案 0 :(得分:1)

元素需要布局。也许你的主播没有布局?尝试申请..

zoom:1;对任何不起作用的元素。

答案 1 :(得分:1)

我最终解决了这个问题,因为很多事情发生了。我使用.glow类并将其直接应用于链接......这非常令人沮丧......

...然而

然后我开始研究ie8 ...最后我认为ie8只是不支持以下任何一种

filter:glow(color =#000000,strength = 3); -MS-滤波器: “的progid:DXImageTransform.Microsoft.glow(颜色=#000000,强度= 3)”;

说到链接。它似乎在其他元素上工作,而不是链接。我甚至在网站外进行了测试,以确认没有其他冲突。

我的最终解决方案是更改按钮的链接,并按照我想要的方式设置它们的样式。上面提到的css样式在按钮上工作正常,所以我得到了我想要的效果。

希望这有助于将来。

Snarfles