郁闷。。。。又出问题了。。。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title></title>
<style type="text/css">
div#mlogo { width:100%; padding:0px 0 0px 0px; margin:0}
div#mlogo .aa{width:232px; height:175px; background:url(../bj/ZS1.png) no-repeat;}
div#mlogo .bb{width:532px; height:175px; background:url(../bj/ZhS.png) no-repeat; }
div#mlogo .cc{width:232px; height:175px; background:url(../bj/bbs2.png) no-repeat;}
</style>
</head>
<body>
<div id="mlogo">
<a href="index.php" title="主页" class="aa"></a>
<a href="index.php" title="主页" class="bb" ></a>
<a href="index.php" title="主页" class="cc"></a>
</div>
</body>
</html>
代码没问题啊。。
为什么补显示图片呢?????????求解
------解决方案--------------------检查路径。。。。
------解决方案--------------------检查你图片放的地方对不对
------解决方案--------------------a标签好像是个内联元素,你加一个display:inline-block;样式进去试下。
------解决方案--------------------内联元素设置宽度和高度是没有用的。
HTML code
div#mlogo .aa{width:232px; height:175px; background:url(image1.jpg) no-repeat;display:inline-block;}
div#mlogo .bb{width:532px; height:175px; background:url(image2.jpg) no-repeat;display:inline-block; }
div#mlogo .cc{width:232px; height:175px; background:url(image3.jpg) no-repeat;display:inline-block;}
------解决方案--------------------
如果链接里没有文字,常用的方法都是在<A>里放<IMG>,尽量利用自然的特性而不要改来改去的,对于以后的维护不利。
<div id="mlogo"><a href="index.php" title="主页"><img src="http://avatar.profile.csdn.net/A/9/7/2_theforever.jpg" width=232 height=175></a><a href="index.php" title="主页"><img src="http://avatar.profile.csdn.net/A/9/7/2_theforever.jpg" width=532 height=175></a><a href="index.php" title="主页"><img src="http://avatar.profile.csdn.net/A/9/7/2_theforever.jpg" width=232 height=175></a></div>
------解决方案--------------------