Heim > Web-Frontend > HTML-Tutorial > IE6问题,求大神_html/css_WEB-ITnose

IE6问题,求大神_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 12:24:54
Original
940 Leute haben es durchsucht

ie6

火狐下的状态是正常的


IE6下面出现问题了


求解决
.game{ border-top:2px solid #ba7848; background:#FFF; border-right:2px solid #ba7848; position:relative;}.game ul.game_menu{ float:left; width:202px;}.game ul.game_menu li{ width:202px; height:134px; cursor:pointer;text-align:center; border-left:2px solid #bebebe; border-bottom:2px solid #bebebe;}.game ul.game_menu li img{ margin-top:11px;}.game ul.game_menu li.li_active{ width:202px; position:relative; z-index:10; display:inline-block; border-left:2px solid #ba7848; border-bottom:2px solid #ba7848; background:#FFF;}.game_content{ min-height:376px; _height:376px; border-bottom:2px solid #ba7848; border-left:2px solid #ba7848; width:724px; _width:722px; float:left; padding:15px 25px;}
Nach dem Login kopieren


回复讨论(解决方案)

这个问题我遇到过,好像是ie7以下就这样,我也解决不了,白色边框覆盖不了其他有色边框?

这个问题我遇到过,好像是ie7以下就这样,我也解决不了,白色边框覆盖不了其他有色边框?
是白色的背景覆盖那个有色的边框

那最后那个问题也没解决吗?


这个问题我遇到过,好像是ie7以下就这样,我也解决不了,白色边框覆盖不了其他有色边框?
是白色的背景覆盖那个有色的边框

那最后那个问题也没解决吗?
没有啊



这个问题我遇到过,好像是ie7以下就这样,我也解决不了,白色边框覆盖不了其他有色边框?
是白色的背景覆盖那个有色的边框

那最后那个问题也没解决吗?
没有啊


这边好冷清

贴个html代码看看,定位不准吧

贴个html代码看看,定位不准吧

<div class="game"><ul class="game_menu" id="game_menu"><li e_offer_id="1" class="li_active"><img  src="img/game_li_1.jpg"    style="max-width:90%"  style="max-width:90%" / alt="IE6问题,求大神_html/css_WEB-ITnose" ></li><li e_offer_id="2"><img  src="img/game_li_2.jpg"    style="max-width:90%"  style="max-width:90%" / alt="IE6问题,求大神_html/css_WEB-ITnose" ></li><li e_offer_id="3"><img  src="img/game_li_3.jpg"    style="max-width:90%"  style="max-width:90%" / alt="IE6问题,求大神_html/css_WEB-ITnose" ></li></ul><div class="game_content"><div class="game_content1" e_offer_id="1"><div class="game_title"><h3>[试玩]街机三国-新手送501经验值,获200凤凰读书币<img  src="img/jishifanbi.png" / alt="IE6问题,求大神_html/css_WEB-ITnose" ></h3><span>推荐<img  src="img/tuijian.png" / alt="IE6问题,求大神_html/css_WEB-ITnose" ></span><div class="clr"></div></div><div class="game_main"><div class="game_go"><div class="game_rmb"><span>+1075</span>凤凰读书币</div><div class="game_btn"><a href="#"><img  src="img/btn.png" / alt="IE6问题,求大神_html/css_WEB-ITnose" ></a></div><div class="clr"></div></div><div class="game_txt"><p>62546人已参与</p><div class="game_time"><div class="game_end">结束时间:2013-08-31 10:00<em>|</em></div><div class="game_jishi"><span>仅剩:</span><ul><li><span>00</span>天</li><li><span>00</span>时</li><li><span>00</span>分</li><li><span>00</span>秒</li></ul><div class="clr"></div></div></div><div class="clr"></div></div><div class="game_list"><div class="game_list_title"><h4>任务详情</h4><span>完成任务后审核十分钟,由系统自动发放奖励</span><div class="clr"></div></div><div class="game_list_main"><table cellpadding="0" cellspacing="0"><tr><th>步骤</th><th>人物等级</th><th>奖励</th><th>状态</th></tr><tr><td>1</td><td>游戏等级达到<span>10级</span></td><td><span>+100凤凰读书币</span></td><td><em>待审核</em></td></tr><tr><td>2</td><td>游戏等级达到<span>15级</span></td><td><span>+125凤凰读书币</span></td><td>未完成</td></tr><tr><td>3</td><td>游戏等级达到<span>25级</span></td><td><span>+150凤凰读书币</span></td><td>未完成</td></tr><tr><td>4</td><td>游戏等级达到<span>30级</span></td><td><span>+250凤凰读书币</span></td><td>未完成</td></tr><tr><td>5</td><td>游戏等级达到<span>35级</span></td><td><span>+300凤凰读书币</span></td><td>未完成</td></tr><tr><td>6</td><td>游戏等级达到<span>40级</span></td><td><span>+400凤凰读书币</span></td><td>未完成</td></tr><tr><td>7</td><td>游戏等级达到<span>45级</span></td><td><span>+500凤凰读书币</span></td><td>未完成</td></tr><tr><td>8</td><td>游戏等级达到<span>50级</span></td><td><span>+600凤凰读书币</span></td><td>未完成</td></tr><tr><td>9</td><td>游戏等级达到<span>55级</span></td><td><span>+700凤凰读书币</span></td><td>未完成</td></tr></table></div></div></div></div><div class="game_content2" e_offer_id="2"><div class="game_title"><h3>[试玩]神将三国-新手送501经验值,获200凤凰读书币<img  src="img/jishifanbi.png" / alt="IE6问题,求大神_html/css_WEB-ITnose" ></h3><span>推荐<img  src="img/tuijian.png" / alt="IE6问题,求大神_html/css_WEB-ITnose" ></span><div class="clr"></div></div><div class="game_main"><div class="game_go"><div class="game_rmb"><span>+1075</span>凤凰读书币</div><div class="game_btn"><a href="#"><img  src="img/btn.png" / alt="IE6问题,求大神_html/css_WEB-ITnose" ></a></div><div class="clr"></div></div><div class="game_txt"><p>62546人已参与</p><div class="game_time"><div class="game_end">结束时间:2013-08-31 10:00<em>|</em></div><div class="game_jishi"><span>仅剩:</span><ul><li><span>00</span>天</li><li><span>00</span>时</li><li><span>00</span>分</li><li><span>00</span>秒</li></ul><div class="clr"></div></div></div><div class="clr"></div></div><div class="game_list"><div class="game_list_title"><h4>任务详情</h4><span>完成任务后审核十分钟,由系统自动发放奖励</span><div class="clr"></div></div><div class="game_list_main"><table cellpadding="0" cellspacing="0"><tr><th>步骤</th><th>人物等级</th><th>奖励</th><th>状态</th></tr><tr><td>1</td><td>游戏等级达到<span>10级</span></td><td><span>+100凤凰读书币</span></td><td><span>已完成</span></td></tr><tr><td>2</td><td>游戏等级达到<span>15级</span></td><td><span>+125凤凰读书币</span></td><td><em>待审核</em></td></tr><tr><td>3</td><td>游戏等级达到<span>25级</span></td><td><span>+150凤凰读书币</span></td><td>未完成</td></tr><tr><td>4</td><td>游戏等级达到<span>30级</span></td><td><span>+250凤凰读书币</span></td><td>未完成</td></tr><tr><td>5</td><td>游戏等级达到<span>35级</span></td><td><span>+300凤凰读书币</span></td><td>未完成</td></tr><tr><td>6</td><td>游戏等级达到<span>40级</span></td><td><span>+400凤凰读书币</span></td><td>未完成</td></tr></table></div></div></div></div><div class="game_content3" e_offer_id="3"><div class="game_title"><h3>[试玩]战三国-新手送501经验值,获200凤凰读书币<img  src="img/jishifanbi.png" / alt="IE6问题,求大神_html/css_WEB-ITnose" ></h3><span>推荐<img  src="img/tuijian.png" / alt="IE6问题,求大神_html/css_WEB-ITnose" ></span><div class="clr"></div></div><div class="game_main"><div class="game_go"><div class="game_rmb"><span>+1075</span>凤凰读书币</div><div class="game_btn"><a href="#"><img  src="img/btn.png" / alt="IE6问题,求大神_html/css_WEB-ITnose" ></a></div><div class="clr"></div></div><div class="game_txt"><p>62546人已参与</p><div class="game_time"><div class="game_end">结束时间:2013-08-31 10:00<em>|</em></div><div class="game_jishi"><span>仅剩:</span><ul><li><span>00</span>天</li><li><span>00</span>时</li><li><span>00</span>分</li><li><span>00</span>秒</li></ul><div class="clr"></div></div></div><div class="clr"></div></div><div class="game_list"><div class="game_list_title"><h4>任务详情</h4><span>完成任务后审核十分钟,由系统自动发放奖励</span><div class="clr"></div></div><div class="game_list_main"><table cellpadding="0" cellspacing="0"><tr><th>步骤</th><th>人物等级</th><th>奖励</th><th>状态</th></tr><tr><td>1</td><td>游戏等级达到<span>10级</span></td><td><span>+100凤凰读书币</span></td><td><em>待审核</em></td></tr><tr><td>2</td><td>游戏等级达到<span>15级</span></td><td><span>+125凤凰读书币</span></td><td>未完成</td></tr><tr><td>3</td><td>游戏等级达到<span>25级</span></td><td><span>+150凤凰读书币</span></td><td>未完成</td></tr><tr><td>4</td><td>游戏等级达到<span>30级</span></td><td><span>+250凤凰读书币</span></td><td>未完成</td></tr></table></div></div></div></div></div>
Nach dem Login kopieren

测试了下,ie6 position relative定位好像没有办法脱离父容器,不行改成absolute定义就行了

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><style>ul{list-style:none;margin:0px;padding:0px}.game{ border-top:2px solid #ba7848; background:#FFF; border-right:2px solid #ba7848; position:relative;overflow:auto;zoom:1}.game ul.game_menu{ float:left; width:202px;position:relative}.game ul.game_menu li{ width:202px; height:134px; cursor:pointer;text-align:center; border-left:2px solid #bebebe; border-bottom:2px solid #bebebe;}.game ul.game_menu li img{ margin-top:11px;}.game ul.game_menu li.li_active{ width:202px;_width:204px;left:0px;top:0px; position:absolute; z-index:10; display:inline-block; border-left:2px solid #ba7848; border-bottom:2px solid #ba7848;background:#fff ;}.game ul.game_menu li.margin{margin-top:135px}.game_content{ min-height:376px; _height:376px; border-bottom:2px solid #ba7848; border-left:2px solid #ba7848; width:724px; _width:722px; float:left; padding:15px 25px;}</style><div class="game"><ul class="game_menu" id="game_menu"><li e_offer_id="2" class="margin"><img  src="img/game_li_2.jpg"    style="max-width:90%"  style="max-width:90%" / alt="IE6问题,求大神_html/css_WEB-ITnose" ></li><li e_offer_id="3"><img  src="img/game_li_3.jpg"    style="max-width:90%"  style="max-width:90%" / alt="IE6问题,求大神_html/css_WEB-ITnose" ></li><!--绝对定位的对象放到最后,要不margin没效果--><li e_offer_id="1" class="li_active"><img  src="img/game_li_1.jpg"    style="max-width:90%"  style="max-width:90%" / alt="IE6问题,求大神_html/css_WEB-ITnose" ></li></ul><div class="game_content"><div class="game_content1" e_offer_id="1"><div class="game_title"><h3>[试玩]街机三国-新手送501经验值,获200凤凰读书币<img  src="img/jishifanbi.png" / alt="IE6问题,求大神_html/css_WEB-ITnose" ></h3><span>推荐<img  src="img/tuijian.png" / alt="IE6问题,求大神_html/css_WEB-ITnose" ></span><div class="clr"></div></div><div class="game_main"><div class="game_go"><div class="game_rmb"><span>+1075</span>凤凰读书币</div><div class="game_btn"><a href="#"><img  src="img/btn.png" / alt="IE6问题,求大神_html/css_WEB-ITnose" ></a></div><div class="clr"></div></div><div class="game_txt"><p>62546人已参与</p><div class="game_time"><div class="game_end">结束时间:2013-08-31 10:00<em>|</em></div><div class="game_jishi"><span>仅剩:</span><ul><li><span>00</span>天</li><li><span>00</span>时</li><li><span>00</span>分</li><li><span>00</span>秒</li></ul><div class="clr"></div></div></div><div class="clr"></div></div><div class="game_list"><div class="game_list_title"><h4>任务详情</h4><span>完成任务后审核十分钟,由系统自动发放奖励</span><div class="clr"></div></div><div class="game_list_main"><table cellpadding="0" cellspacing="0"><tr><th>步骤</th><th>人物等级</th><th>奖励</th><th>状态</th></tr><tr><td>1</td><td>游戏等级达到<span>10级</span></td><td><span>+100凤凰读书币</span></td><td><em>待审核</em></td></tr><tr><td>2</td><td>游戏等级达到<span>15级</span></td><td><span>+125凤凰读书币</span></td><td>未完成</td></tr><tr><td>3</td><td>游戏等级达到<span>25级</span></td><td><span>+150凤凰读书币</span></td><td>未完成</td></tr><tr><td>4</td><td>游戏等级达到<span>30级</span></td><td><span>+250凤凰读书币</span></td><td>未完成</td></tr><tr><td>5</td><td>游戏等级达到<span>35级</span></td><td><span>+300凤凰读书币</span></td><td>未完成</td></tr><tr><td>6</td><td>游戏等级达到<span>40级</span></td><td><span>+400凤凰读书币</span></td><td>未完成</td></tr><tr><td>7</td><td>游戏等级达到<span>45级</span></td><td><span>+500凤凰读书币</span></td><td>未完成</td></tr><tr><td>8</td><td>游戏等级达到<span>50级</span></td><td><span>+600凤凰读书币</span></td><td>未完成</td></tr><tr><td>9</td><td>游戏等级达到<span>55级</span></td><td><span>+700凤凰读书币</span></td><td>未完成</td></tr></table></div></div></div></div><div class="game_content2" e_offer_id="2"><div class="game_title"><h3>[试玩]神将三国-新手送501经验值,获200凤凰读书币<img  src="img/jishifanbi.png" / alt="IE6问题,求大神_html/css_WEB-ITnose" ></h3><span>推荐<img  src="img/tuijian.png" / alt="IE6问题,求大神_html/css_WEB-ITnose" ></span><div class="clr"></div></div><div class="game_main"><div class="game_go"><div class="game_rmb"><span>+1075</span>凤凰读书币</div><div class="game_btn"><a href="#"><img  src="img/btn.png" / alt="IE6问题,求大神_html/css_WEB-ITnose" ></a></div><div class="clr"></div></div><div class="game_txt"><p>62546人已参与</p><div class="game_time"><div class="game_end">结束时间:2013-08-31 10:00<em>|</em></div><div class="game_jishi"><span>仅剩:</span><ul><li><span>00</span>天</li><li><span>00</span>时</li><li><span>00</span>分</li><li><span>00</span>秒</li></ul><div class="clr"></div></div></div><div class="clr"></div></div><div class="game_list"><div class="game_list_title"><h4>任务详情</h4><span>完成任务后审核十分钟,由系统自动发放奖励</span><div class="clr"></div></div><div class="game_list_main"><table cellpadding="0" cellspacing="0"><tr><th>步骤</th><th>人物等级</th><th>奖励</th><th>状态</th></tr><tr><td>1</td><td>游戏等级达到<span>10级</span></td><td><span>+100凤凰读书币</span></td><td><span>已完成</span></td></tr><tr><td>2</td><td>游戏等级达到<span>15级</span></td><td><span>+125凤凰读书币</span></td><td><em>待审核</em></td></tr><tr><td>3</td><td>游戏等级达到<span>25级</span></td><td><span>+150凤凰读书币</span></td><td>未完成</td></tr><tr><td>4</td><td>游戏等级达到<span>30级</span></td><td><span>+250凤凰读书币</span></td><td>未完成</td></tr><tr><td>5</td><td>游戏等级达到<span>35级</span></td><td><span>+300凤凰读书币</span></td><td>未完成</td></tr><tr><td>6</td><td>游戏等级达到<span>40级</span></td><td><span>+400凤凰读书币</span></td><td>未完成</td></tr></table></div></div></div></div><div class="game_content3" e_offer_id="3"><div class="game_title"><h3>[试玩]战三国-新手送501经验值,获200凤凰读书币<img  src="img/jishifanbi.png" / alt="IE6问题,求大神_html/css_WEB-ITnose" ></h3><span>推荐<img  src="img/tuijian.png" / alt="IE6问题,求大神_html/css_WEB-ITnose" ></span><div class="clr"></div></div><div class="game_main"><div class="game_go"><div class="game_rmb"><span>+1075</span>凤凰读书币</div><div class="game_btn"><a href="#"><img  src="img/btn.png" / alt="IE6问题,求大神_html/css_WEB-ITnose" ></a></div><div class="clr"></div></div><div class="game_txt"><p>62546人已参与</p><div class="game_time"><div class="game_end">结束时间:2013-08-31 10:00<em>|</em></div><div class="game_jishi"><span>仅剩:</span><ul><li><span>00</span>天</li><li><span>00</span>时</li><li><span>00</span>分</li><li><span>00</span>秒</li></ul><div class="clr"></div></div></div><div class="clr"></div></div><div class="game_list"><div class="game_list_title"><h4>任务详情</h4><span>完成任务后审核十分钟,由系统自动发放奖励</span><div class="clr"></div></div><div class="game_list_main"><table cellpadding="0" cellspacing="0"><tr><th>步骤</th><th>人物等级</th><th>奖励</th><th>状态</th></tr><tr><td>1</td><td>游戏等级达到<span>10级</span></td><td><span>+100凤凰读书币</span></td><td><em>待审核</em></td></tr><tr><td>2</td><td>游戏等级达到<span>15级</span></td><td><span>+125凤凰读书币</span></td><td>未完成</td></tr><tr><td>3</td><td>游戏等级达到<span>25级</span></td><td><span>+150凤凰读书币</span></td><td>未完成</td></tr><tr><td>4</td><td>游戏等级达到<span>30级</span></td><td><span>+250凤凰读书币</span></td><td>未完成</td></tr></table></div></div></div></div></div>
Nach dem Login kopieren

测试了下,ie6 position relative定位好像没有办法脱离父容器,不行改成absolute定义就行了
还是不行


测试了下,ie6 position relative定位好像没有办法脱离父容器,不行改成absolute定义就行了
还是不行

IEtester测试过没问题,你是拷贝我发的代码没有。。

IE6基本可以忽略不计了



测试了下,ie6 position relative定位好像没有办法脱离父容器,不行改成absolute定义就行了
还是不行

IEtester测试过没问题,你是拷贝我发的代码没有。。

IE6基本可以忽略不计了
是这样的我的game_menu里面的li有6个,只显示了前三个,同时写了重新排序,打乱顺序再随机出现三个排,所以这个已经激活的li是放在第6个后面,还是放在第三个后面?

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage