IE6 problem, please ask a master_html/css_WEB-ITnose

ie6

The status under Firefox is normal


There is a problem under IE6


Please solve it

.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;}

Reply to discussion (solution)

I have encountered this problem, it seems to be like this before ie7, and I can't solve it. The white border cannot cover other colored borders?

I have encountered this problem before. It seems to be like this in IE7 and below. I can't solve it. The white border can't cover other colored borders?
The white background covers the colored border

Then the last problem is not solved?

I have encountered this problem before. It seems to be like this in IE7 and below. I can't solve it. The white border cannot cover other colored borders?
The white background covers the colored border

Then the last problem is not solved?
No

I have encountered this problem before. It seems to be like this in ie7 and below. I can't solve it. The white border can't cover other colored borders?
The white background covers the colored border

Then the last problem is not solved?
Nope


It’s so deserted here

Post an html code to see if the location is correct.

Post an html code to see if the location is correct. Right

<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" width="167" height="113" /></li><li e_offer_id="2"><img src="img/game_li_2.jpg" width="167" height="113" /></li><li e_offer_id="3"><img src="img/game_li_3.jpg" width="167" height="113" /></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" /></h3><span>推荐<img src="img/tuijian.png" /></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" /></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" /></h3><span>推荐<img src="img/tuijian.png" /></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" /></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" /></h3><span>推荐<img src="img/tuijian.png" /></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" /></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>

After testing, it seems that the ie6 position relative positioning cannot be separated from the parent container. If it does not work, just change it to an absolute definition.

<!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" width="167" height="113" /></li><li e_offer_id="3"><img src="img/game_li_3.jpg" width="167" height="113" /></li><!--绝对定位的对象放到最后，要不margin没效果--><li e_offer_id="1" class="li_active"><img src="img/game_li_1.jpg" width="167" height="113" /></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" /></h3><span>推荐<img src="img/tuijian.png" /></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" /></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" /></h3><span>推荐<img src="img/tuijian.png" /></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" /></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" /></h3><span>推荐<img src="img/tuijian.png" /></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" /></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>

After testing, it seems that ie6 position relative positioning cannot be separated from the parent container. If it does not work, just change it to absolute definition
Still not working

After testing, it seems that ie6 position relative positioning cannot be separated from the parent container. Container, if it doesn’t work, just change it to absolute definition
Still doesn’t work

IEtester tested it and there was no problem. Did you copy the code I sent? .

IE6 can basically be ignored

After testing, it seems that the position relative positioning of ie6 cannot be separated from the parent container. If it does not work, just change it to absolute definition
Still Nope

IEtester tested it and there was no problem. Did you copy the code I sent? .

IE6 can basically be ignored
This is the case. There are 6 li's in my game_menu, and only the first three are displayed. At the same time, I wrote a reordering, shuffled the order, and randomly appeared three rows. , so should the activated li be placed after the 6th one or after the third one?