0

我目前正在使用 Joomla 模块的登录样式作为带有 JS Elated 模板的 Joomla 2.5.9 站点的登录模块。当用户单击登录图像时，此模块会显示一个用于登录的下拉框。

在除 Internet Explorer 8 之外的所有浏览器中，登录模块都将毫无问题地显示。但是，在 IE 8 中，登录模块的按钮图像不会出现，但该模块仍然存在。

通过与模块的支持团队交谈，我了解到导致此问题的文件是文件 ie.css。删除文件有所帮助，但导致下拉菜单中的按钮显得太暗。

查看ie.css，我发现了以下样式：

button,
input[type="reset"],
input[type="submit"],
input[type="button"] {
behavior: url('./templates/js_elated/css/PIE.php');
background: #eee url(../images/button-light.png) repeat-x;
background: gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1,  #ccc));
border: 1px solid #ccc;
color: #000;
}

注释掉定义背景的行或定义颜色的行会导致登录图像不显示，或者标记为“登录”的按钮的图像显得太暗。

你会建议我做什么？谢谢你。

4

1 回答 1

0

即直到版本 8 对许多 CSS3 属性和函数（例如渐变和边框半径）没有适当的支持。

PIE.css 库是一个非常有效的解决方案，因为它绕过了大多数限制；有时需要添加 position:relative 或 zoom:1。

所以你的代码应该可以工作。但是因为它显然不是你可以：

  1. 摆弄 position:relative 和 zoom:1 看看它是否解决了，或者类似的东西：http: //css3pie.com/documentation/known-issues/

  2. 删除 IE 的渐变，并使用提供的背景图像。您可能希望以不同的顺序编写速记背景以使其正常工作：尽管根据http://www.w3.org/TR/CSS2/colors.html#background这是正确的，但我必须注意 FF 和 chrome在他们的检查员中用不同的颜色写在最后

  3. 只是使用固定颜色的背景，最后如果他们使用的是 IE，他们不值得漂亮的界面。

于 2013-04-02T07:54:13.480 回答