Question

更新白条仍然存在，但是白条较小，图像也是较小的（图像在白条内），白条横跨整页。白色条位于particles.js及其背景之上。

HTML：

<!DOCTYPE html>
<html>
<head>
    <link href='css/style.css' rel='stylesheet' type="text/css">
    <title></title>
</head>
<body>
    <div id="wrapper">
        <center>
            <img class='' src='img/kaylumlogo.png'></img>
        </center>
    </div>
    <div id="particles-js"></div>
    <script src="http://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js">
    </script> 
    <script src="js/index.js">
    </script>
</body>
</html>

CSS：

/* ---- reset ---- */

body {
    margin: 0;
    font: normal 75% Arial, Helvetica, sans-serif;
}
canvas {
    display: block;
    vertical-align: bottom;
}

/* ---- particles.js container ---- */

#particles-js {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #b61924;
    background-image: url("http://i.imgur.com/5F64MpH.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}
#wrapper {
    border: 0;
    width: 200px;
}
img {
    width: 200px;
}

Answer 1

有些标签不靠近，有些标签关闭不正确。

我们始终使用＆＃34; /＆＃34;

关闭标记内的链接标记

<link ... />

与图像相同

<img ... /> instead of <img ... ></img>

我认为＆＃34;＆lt;中心＆gt;＆＃34;已弃用。一切都很好。

它可能会解决您的问题

样式表打破网站

1 个答案: