当我将以下内容放入div
mainbody
中时,这可以工作:
<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
etc 被忽略。(注意:不同的 div 也会有不同的显示值,要么是块,要么是无,所以它们也需要单独说明,但这不是问题。)
任何人都知道为什么以及是否有解决方法。