IE 8 PNG body背景问题

发布于 2024-09-05 03:21:15 字数 379 浏览 4 评论 0原文

我的 IE 8 CSS 有问题。

*  {
    margin: 0;
    padding: 0; }


 img, fieldset  { border:none; }

 body  {
    font-family: Arial, Helvetica, sans-serif;
    }

在页面中:

<body style="background:#FFFFFF url(../public/img/s5_fa_bot_bg.png) no-repeat bottom center">

png 图像在 Firefox 和 Safari 中正确显示,但在 IE8 中显示在顶部

I've got a problem with IE 8 CSS.

*  {
    margin: 0;
    padding: 0; }


 img, fieldset  { border:none; }

 body  {
    font-family: Arial, Helvetica, sans-serif;
    }

In the page:

<body style="background:#FFFFFF url(../public/img/s5_fa_bot_bg.png) no-repeat bottom center">

The png image is displaying correctly in Firefox and Safari but on top in IE8

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

红ご颜醉 2024-09-12 03:21:15

这是 IE8 的错误,您的 png 背景图像需要至少为 4x4px。

更多信息@ http ://stevelove.org/2009/07/10/png-background-repeat-bug-in-internet-explorer-7-and-8/

This is an IE8 bug, your png background image needs to be at least 4x4px.

More info @ http://stevelove.org/2009/07/10/png-background-repeat-bug-in-internet-explorer-7-and-8/

最偏执的依靠 2024-09-12 03:21:15

你的简写是错误的,应该是:

background:#FFFFFF url(../public/img/s5_fa_bot_bg.png) no-repeat center bottom;

注意我最后调换了水平和垂直位置。

Your shorthand is wrong, it should be:

background:#FFFFFF url(../public/img/s5_fa_bot_bg.png) no-repeat center bottom;

Notice that I have switched the horizontal and the vertical position at the end.

铃予 2024-09-12 03:21:15

这实际上是一个 HTML 问题,未关闭的 div 导致 png 显示在页面顶部。

感谢您的时间和精力。

It was actually an HTML problem, an unclosed div caused the png to show on top of the page.

Thanks for your time and effort.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文