日期:2014-05-17  浏览次数:20665 次

郁闷。。。。又出问题了。。。

<!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>

------解决方案--------------------
探讨
<!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; mar……