Question

我正在制作一个随机网站但是＆amp;我的问题是，页面顶部有这个白点，这也干扰了背景的外观。为什么会发生这种情况？我找不到任何导致这种情况发生的事情。下面的代码如下。 JS＆gt; CSS＆gt; HTML。

感谢您花时间阅读。

JS＆gt; CSS＆gt; HTML是如何

＆＃13;

echo ($a == $b && $a == $c); //Output: true

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
    <script type="text/javascript">

        $(document).ready(function() {
            $(".pull-me").click(function() {
                $(".panel").slideToggle("slow");
            });
        });

        $(document).ready(function() {
            $(".pull-me2").click(function() {
                $(".panel2").slideToggle("slow");
            });
        });

＆＃13;

 <style type="text/css">
            html {
                -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                background-size: cover;
                background-image: url("http://i64.tinypic.com/2jdn8lw.jpg");
            }

            #mainHeader {
                text-shadow: -14px 3px 10px;
                font-size: 85px;
                font-family: cursive;
            }

            .1 {
                height: 10px;
            }

            .panel {
                text-align: center;
                display: none;
            }   

            .panel2 {
                text-align: center;
                display: none;
            }   

            .pull-me {  
                text-align: center;
                font-family: sans-serif;
                font-size: 30px;
                color: black;
            }

            .pull-me2 { 
                text-align: center;
                font-family: sans-serif;
                font-size: 30px;
            }

            .pull-me3 { 
                text-align: center;
                font-family: sans-serif;
                font-size: 30px;
            }

            #ig {
                height: 30px;
            }

            .menu {
                 -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                background-size: cover;
                background-image: url("http://i64.tinypic.com/2hozok4.jp");
                background-repeat: no-repeat;
                font-family: cursive;
                width: -500px;
            }

        </style>

＆＃13;

Screenshot of HTML page

Answer 1

由于 bootstrap.css ，背景为白色。

只需在 scaffolding.less 文件中注释掉background-color: #fff行

body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    /* background-color: #fff; */
}

或者您可以将以下代码添加到.css文件

body {
    background-color: transparent!important;
}

以下是更新版本：https://jsfiddle.net/oj91Lb1d/2/

顺便说一下，<header>标记应位于<body>标记内。最有可能的是，您将其与<head>标记混淆了。除此之外，还有两个</a>标记，应该包含<img/>标记，但没有开放<a href="#">标记。

Answer 2

您可以再次检查移动<header>代码，因为您在<body>代码后使用它。 fopen()应该将所有内容都包装在html部分上。

我的HTML页面上的白点

2 个答案: