郁闷。又出有关问题了。
日期：2014-05-17 浏览次数：20604 次
郁闷。。。。又出问题了。。。
<!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;样式进去试下。
------解决方案--------------------
内联元素设置宽度和高度是没有用的。
<!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>
------解决方案--------------------
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
