1

当我将以下内容放入divmainbody中时，这可以工作：

<div style="display: block; width:100%; height: 100%; min-height: 100vh; background-color: #FFFFFF; background: url(./images/pic.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed;">

但是当我使用 CSS 时不起作用：

<style type="text/css" media="all">
.myMainDiv {
    width:100%;
    height: 100%;
    min-height: 100vh;
    background-color: #FFFFFF;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
</style>

<div class="myMainDiv" style="display: block; background: url(./images/pic.jpg);">

它似乎出了问题，因为我需要为每个背景提供不同的图片，然后这导致background-repeatetc 被忽略。（注意：不同的 div 也会有不同的显示值，要么是块，要么是无，所以它们也需要单独说明，但这不是问题。）

任何人都知道为什么以及是否有解决方法。

4

1 回答 1

5

唔。似乎您正在覆盖您的 CSS。用作backgorund: url('./images/pic.jpg')内联样式是问题所在。您正在使用此内联样式覆盖所有 CSS 属性（ 、 等...）background-position。background-repeat替换backgorund: url('./images/pic.jpg')为backgorund-image: url('./images/pic.jpg')。希望这有效。

于 2017-02-27T17:46:21.747 回答