CSS失败 - 背景位置，背景重复，背景尺寸，背景 - 附属

Question

当我将以下内容放入主要body中的div时，这起作用：

<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-repeat等中导致忽略。（注意：不同的divs也将具有不同的显示值，无论是块还是无，因此也需要单独说明，但这不是问题。）

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

Answer 1

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