【问题标题】:CSS background syntax not working in Safari and IE8CSS 背景语法在 Safari 和 IE8 中不起作用
【发布时间】:2013-09-16 12:34:01
【问题描述】:

这是我的背景图片语法:

background:url(images/img.jpg) repeat-x scroll left bottom / 100% 100% transparent;

我从网上复制了这个,但不知道正斜杠是什么意思。我正在使用它来调整响应式布局的背景大小。这在 FF、Chrome、Opera、IE10 和 IE9 中非常适合我,但在 Safari 和 IE8 中不起作用。

是否有适用于 Safari 和 IE8 的解决方法?

【问题讨论】:

  • 这应该在样式表中吗?
  • 是的,它在样式表中。

标签: css safari responsive-design ie8-compatibility-mode


【解决方案1】:

background-size 在 IE8 和旧版本的 safari 中不起作用,因此背景图像不会显示您有 100% 100%。

所以只需像这样在您的样式表中使用

background:url(images/img.jpg) repeat-x;

check this site

【讨论】:

  • 我需要使用“100%”,因为我希望背景图像占据元素的宽度。还有其他方法吗?
  • 不!对于旧版本的 safari 和 ie,你不能这样做,但如果你知道你可以使用 jquery 这样做......
【解决方案2】:

请仅设置背景样式并检查所有浏览器

background:url(images/img.jpg) repeat-x ;

如果您想要整页背景,请同时使用 repeat-x 和 repeat-y

喜欢:

background:url(images/img.jpg) repeat-x repeat-y;

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-03-12
    • 1970-01-01
    • 1970-01-01
    • 2011-10-24
    相关资源
    最近更新 更多