这可能是一个非常愚蠢的问题,但我的 navdiv 背景不会显示,我真的不知道这个问题,css 文件是链接的并使用一些元素。
图像属性大小:10kb -位深:32 -尺寸: W:300 H:190 -文件类型: png -名称: Nav_Background
它需要做什么http://prntscr.com/l89oq0
索引.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Portfolio Template</title>
<meta name="author" content="name">
<meta name="description" content="description here">
<meta name="keywords" content="keywords,here">
<link rel="shortcut icon" href="favicon.ico" type="">
<link rel="stylesheet" href="main.css" type="text/css">
</head>
<body>
<div class="nav">
</div>
</div>
</body>
</html>
主.css
/*----------Global----------*/
* {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
.clearfix::after{
content: "";
clear: both;
display: table;
}
html{
font-family: circular std, sans-serif;
font-weight: 100;
}
body{
width: 100%;
margin: auto;
background: white; /*Replace with background image
background-position: top;
background-size: cover;
background-repeat: no-repeat;*/
}
/*----------Navigation----------*/
.nav {
background-image: url(images/Nav_Background.png);
background-position: right top;
background-size: 300px 191px;
margin-top: 5px;
}
<div class="nav">
(如果你使用的是一个名为nav
的类,你真的应该问问自己是否应该使用<nav>
元素(没有任何内容或其他任何可以给它一个高度的东西。
如果没有高度,则没有像素可以绘制背景。