【问题标题】:Multiple backgrounds in SafariSafari 中的多个背景
【发布时间】:2013-06-30 00:34:57
【问题描述】:

此代码在 Chrome 和 FF 中适用于我,但由于某种原因不适用于 Safari。不过,Safari 应该 support it。 Safari 报告语法有问题。这可能是真的,但我似乎无法弄清楚。

.frontpage {
background: url(logo.png) no-repeat center center / 50% auto,
            url(background.png) no-repeat center center / cover;
}

我需要 background.png 作为封面并填充页面的整个背景,而徽标应该居中并且宽度为 50%,高度为自动。

【问题讨论】:

    标签: css background safari shorthand cover


    【解决方案1】:

    设置background-size appart,以避免这种尚未旧但不再是最新的浏览器的故障:)

    编辑

    .frontpage {
    background: url(logo.png) no-repeat center center,
                url(background.png) no-repeat center center;
    background-size: 50% auto,
                cover;
    }
    

    【讨论】:

    • 如何使 background-size: 覆盖只影响 background.png 而不影响 logo.png,同时仍然有两个背景堆叠在一起?如果我只是将它分开并将其添加到两个图像下方,则开始使用封面模式,这会破坏徽标像背景一样拉伸。
    • 太好了,成功了!完全不知道您可以在每个不同的背景属性中单独使用逗号分隔列表。谢谢!
    猜你喜欢
    • 2011-10-08
    • 1970-01-01
    • 2016-09-28
    • 1970-01-01
    • 1970-01-01
    • 2015-02-28
    • 2014-10-29
    • 1970-01-01
    • 2017-04-20
    相关资源
    最近更新 更多