<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title></title>
<link rel="stylesheet" type="text/css" href="css/reset.css">
<link rel="stylesheet" type="text/css" href="css/main.css">
</head>
<body>
<div class="public-header">
<div class="public-centered clearfloat">
<div class="header-logo"><a href=""></a></div>
<div class="header-nav"></div>
</div>
</div>
<div class="index-banner"></div>
<div class="public-centered index-list"></div>
<div class="public-centered index-panel"></div>
<div class="public-centered index-foot"></div>
<div>
.public-header
{
height: 110px;
}
.public-header .header-logo
{
float: left;
width: 182px;
height: 54px;
background:url("../images/logo.png");
}
为什么显示不出来啊
我也是图片不显示,但是我还不知道什么原因,图片的尺寸也是对的,但就是不显示,为什么呢
回复 冷寒轩:我是刚学前端,你这个问题我也遇到过。
你试一下把外联样式改成内联样式,如果logo的背景图不能显示出来,可能是你bgckground的路径或者文件名没有写对。如果改成内联样式后图能显示,那可能是你写外联的这个路径不对<link rel="stylesheet" type="text/css" href="css/main.css">遇到这个情况我是直接把路径补全,像这样href="E:/web/css/main.css"。
我试了几种方法,如果把css文件和html文件放在一个文件下面时,还没遇到过问题,但如果这两个文件不是放在同一个文件夹下面时,有时候会像抽疯一样,只写文件夹和文件名会不显示。
什么原理我也不知道,你知道了也告诉我一下啊
你是指什么没有显示出来?