时间:2021-07-01 10:21:17 帮助过:45人阅读
#mainBox #topBanner #menu{ display:table; width:auto; height:100%; float:left;}
CSS:#mainBox{ display:block; margin-left:auto; margin-right:auto; width:940px;}#mainBox #topBanner{ display:none; width:100%; height:30px; background:url("res/bannerBg.png") repeat-x;}#mainBox #topBanner #logo{ width:230px; height:100%; float:left; background:url("res/logo.png") no-repeat;}#mainBox #topBanner #menu{ width:auto; height:100%; float:left;}#mainBox #topBanner #menu a{ display:block; padding:8px; width:115px; background:url("res/bigbtn.png") repeat-x; color:#C6C5C8; line-height:100%; text-decoration:none; float:left;}HTML:
IE7:/*logo*//*btn1*//*btn2*//*btn3*//*btn4*/ <=====正常效果IE8:/*logo*/ /*btn1*//*btn2*//*btn3*//*btn4*/ <=====下沉了30pxIE9:/*logo*/
补充一下:
#mainBox #topBanner{ display:none; width:100%; height:30px; background:url("res/bannerBg.png") repeat-x;}display属性是通过JS来动态改变成block的。
贴出的代码咱看不出什么,,只能猜测是,a引起的,,#mainBox #topBanner #menu a设置一下margin:0;line-height:0;试试
ie9浏览器已经有控制台 可以查看dom元素状态了 f12
贴出的代码咱看不出什么,,只能猜测是,a引起的,,#mainBox #topBanner #menu a设置一下margin:0;line-height:0;试试
贴出的代码咱看不出什么,,只能猜测是,a引起的,,#mainBox #topBanner #menu a设置一下margin:0;line-height:0;试试
贴出的代码咱看不出什么,,只能猜测是,a引起的,,#mainBox #topBanner #menu a设置一下margin:0;line-height:0;试试
#mainBox{ display:block; margin-left:auto; margin-right:auto; width:940px;}#mainBox #topBanner{ display:none; width:100%; height:30px; background:url("res/bannerBg.png") repeat-x;}#mainBox #topBanner #logo{ width:230px; height:100%; float:left; background:url("res/logo.png") no-repeat;}#mainBox #topBanner #menu{ width:auto; height:100%; float:left;}
贴出的代码咱看不出什么,,只能猜测是,a引起的,,#mainBox #topBanner #menu a设置一下margin:0;line-height:0;试试
#mainBox{ display:block; margin-left:auto; margin-right:auto; width:940px;}#mainBox #topBanner{ display:none; width:100%; height:30px; background:url("res/bannerBg.png") repeat-x;}#mainBox #topBanner #logo{ width:230px; height:100%; float:left; background:url("res/logo.png") no-repeat;}#mainBox #topBanner #menu{ width:auto; height:100%; float:left;}
贴出的代码咱看不出什么,,只能猜测是,a引起的,,#mainBox #topBanner #menu a设置一下margin:0;line-height:0;试试
#mainBox{ display:block; margin-left:auto; margin-right:auto; width:940px;}#mainBox #topBanner{ display:none; width:100%; height:30px; background:url("res/bannerBg.png") repeat-x;}#mainBox #topBanner #logo{ width:230px; height:100%; float:left; background:url("res/logo.png") no-repeat;}#mainBox #topBanner #menu{ width:auto; height:100%; float:left;}
无标题文档 tioyozymy