HTML a标签图片不显示
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" type="text/css" href="css/Initialize.css">
<link rel="stylesheet" type="text/css" href="css/母版页面.css">
</head>
<body>
<div class="logo">
<a href="#" ></a>
</div>
</body>
</html>
CSS
.logo
{
height: 81px;
}
.logo a
{
background-image:url('img/cp_logo.png');
background-color:#d80c0c;
}a标签图片不显示，网络抓包也接收到了资源，高度也设置了就是不知道为什么不显示。
谢谢各位大佬
a标签时inline元素，不会继承父级宽高。而你给a标签设置的是背景图片，背景图片需要宽高，所以你得给a标签设置display:block及宽高
问题又被我自己解决了，有毒，每次都是我自问自答。