樣式表突破網站

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

您的某些標簽未關閉，某些標簽未正確關閉。

我們始終使用“ /”關閉標簽中的鏈接標簽

<link ... />

與圖像相同

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

我認為“ <center>”已棄用。 有了良好的語義，一切皆有可能。

它可能會解決您的問題

樣式表突破網站

問題描述

1 個解決方案

解決方案1
0 2016-12-24 00:09:10

樣式表突破網站

問題描述

1 個解決方案

解決方案1 0 2016-12-24 00:09:10

解決方案1
0 2016-12-24 00:09:10