0

所发生的只是文本被改变，没有别的。当屏幕尺寸发生变化时，我似乎无法操作 div。而且我已经设置了相关的元标记。我桌面上的实际文件的语法是正确的（例如，网页上有 <style></style> 标记（我在一个页面上做所有事情，所以我可以更轻松地引用事物。我会移动稍后将它们转换为 .css 文件）。我只是想在您深入研究我的代码之前展示我所拥有的东西。此外，它还不是全部，只是相关的东西。如果需要更多，请告诉我，但是一件事不起作用（这应该会告诉您我在哪里搞砸了）是重新调整页面大小时没有添加背景图像。

<meta name="viewport" content="width=device-width, initial-scale=1">
@media screen and (max-width: 35em)  {
            body {
                font-size:10px;
                background-image: url("http://hdwallpapersx.com/wp-content/uploads/2013/09/Awesome-Background-Hd-Wallpaper.jpg?c09534");
                background-color: #000;
                color: #F0F;
            }
            .logo {
                position:absolute;
                top:0px;
                left:0px;
                width:100%;
                height:50px;
                background-color: rgba(0,0,0,.7);
                border:none;
                border-radius:0px;
                padding-top: 15px;
                font-size:15pt;
            }
            .bt {
                font-family: Tahoma;
                font-size:15pt;
            }
            nav {
                position:absolute;
                top: 51px;
                width: 100px;
                height: 30px;
            }
            nav ul li {
                padding-left: 10px;
                float: left;
            }
        }
        html {
            width: 100%;
        }
        body {
            width: 99%;
            background-color: #000;
            background-image: url("");
            background-size: 100%;
            background-repeat: no-repeat;
            background-attachment: fixed;
            color: #CCC;
        }
4

1 回答 1

0

CSS 它是从上到下解释的。在同一个媒体声明中，您的 css 上有 2 个主体规则，因此最后一个将覆盖之前在第一个上声明的属性。这就是您看不到背景图像的原因。

我建议您按层次顺序声明您的规则以避免这种麻烦。

于 2013-10-07T14:51:38.177 回答