ie6
The status under Firefox is normalThere 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="/static/imghwm/default1.png" data-src="img/game_li_1.jpg" class="lazy" style="max-width:90%" style="max-width:90%" / alt="IE6 problem, please ask a master_html/css_WEB-ITnose" ></li><li e_offer_id="2"><img src="/static/imghwm/default1.png" data-src="img/game_li_2.jpg" class="lazy" style="max-width:90%" style="max-width:90%" / alt="IE6 problem, please ask a master_html/css_WEB-ITnose" ></li><li e_offer_id="3"><img src="/static/imghwm/default1.png" data-src="img/game_li_3.jpg" class="lazy" style="max-width:90%" style="max-width:90%" / alt="IE6 problem, please ask a master_html/css_WEB-ITnose" ></li></ul><div class="game_content"><div class="game_content1" e_offer_id="1"><div class="game_title"><h3 id="试玩-街机三国-新手送-经验值-获-凤凰读书币-img-src-static-imghwm-default-png-data-src-img-jishifanbi-png-class-lazy-nbsp-nbsp-alt-IE-problem-please-ask-a-master-html-css-WEB-ITnose">[试玩]街机三国-新手送501经验值,获200凤凰读书币<img src="/static/imghwm/default1.png" data-src="img/jishifanbi.png" class="lazy" / alt="IE6 problem, please ask a master_html/css_WEB-ITnose" ></h3><span>推荐<img src="/static/imghwm/default1.png" data-src="img/tuijian.png" class="lazy" / alt="IE6 problem, please ask a master_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="/static/imghwm/default1.png" data-src="img/btn.png" class="lazy" / alt="IE6 problem, please ask a master_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 id="任务详情">任务详情</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 id="试玩-神将三国-新手送-经验值-获-凤凰读书币-img-src-static-imghwm-default-png-data-src-img-jishifanbi-png-class-lazy-nbsp-nbsp-alt-IE-problem-please-ask-a-master-html-css-WEB-ITnose">[试玩]神将三国-新手送501经验值,获200凤凰读书币<img src="/static/imghwm/default1.png" data-src="img/jishifanbi.png" class="lazy" / alt="IE6 problem, please ask a master_html/css_WEB-ITnose" ></h3><span>推荐<img src="/static/imghwm/default1.png" data-src="img/tuijian.png" class="lazy" / alt="IE6 problem, please ask a master_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="/static/imghwm/default1.png" data-src="img/btn.png" class="lazy" / alt="IE6 problem, please ask a master_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 id="任务详情">任务详情</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 id="试玩-战三国-新手送-经验值-获-凤凰读书币-img-src-static-imghwm-default-png-data-src-img-jishifanbi-png-class-lazy-nbsp-nbsp-alt-IE-problem-please-ask-a-master-html-css-WEB-ITnose">[试玩]战三国-新手送501经验值,获200凤凰读书币<img src="/static/imghwm/default1.png" data-src="img/jishifanbi.png" class="lazy" / alt="IE6 problem, please ask a master_html/css_WEB-ITnose" ></h3><span>推荐<img src="/static/imghwm/default1.png" data-src="img/tuijian.png" class="lazy" / alt="IE6 problem, please ask a master_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="/static/imghwm/default1.png" data-src="img/btn.png" class="lazy" / alt="IE6 problem, please ask a master_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 id="任务详情">任务详情</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="/static/imghwm/default1.png" data-src="img/game_li_2.jpg" class="lazy" style="max-width:90%" style="max-width:90%" / alt="IE6 problem, please ask a master_html/css_WEB-ITnose" ></li><li e_offer_id="3"><img src="/static/imghwm/default1.png" data-src="img/game_li_3.jpg" class="lazy" style="max-width:90%" style="max-width:90%" / alt="IE6 problem, please ask a master_html/css_WEB-ITnose" ></li><!--绝对定位的对象放到最后,要不margin没效果--><li e_offer_id="1" class="li_active"><img src="/static/imghwm/default1.png" data-src="img/game_li_1.jpg" class="lazy" style="max-width:90%" style="max-width:90%" / alt="IE6 problem, please ask a master_html/css_WEB-ITnose" ></li></ul><div class="game_content"><div class="game_content1" e_offer_id="1"><div class="game_title"><h3 id="试玩-街机三国-新手送-经验值-获-凤凰读书币-img-src-static-imghwm-default-png-data-src-img-jishifanbi-png-class-lazy-nbsp-nbsp-alt-IE-problem-please-ask-a-master-html-css-WEB-ITnose">[试玩]街机三国-新手送501经验值,获200凤凰读书币<img src="/static/imghwm/default1.png" data-src="img/jishifanbi.png" class="lazy" / alt="IE6 problem, please ask a master_html/css_WEB-ITnose" ></h3><span>推荐<img src="/static/imghwm/default1.png" data-src="img/tuijian.png" class="lazy" / alt="IE6 problem, please ask a master_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="/static/imghwm/default1.png" data-src="img/btn.png" class="lazy" / alt="IE6 problem, please ask a master_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 id="任务详情">任务详情</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 id="试玩-神将三国-新手送-经验值-获-凤凰读书币-img-src-static-imghwm-default-png-data-src-img-jishifanbi-png-class-lazy-nbsp-nbsp-alt-IE-problem-please-ask-a-master-html-css-WEB-ITnose">[试玩]神将三国-新手送501经验值,获200凤凰读书币<img src="/static/imghwm/default1.png" data-src="img/jishifanbi.png" class="lazy" / alt="IE6 problem, please ask a master_html/css_WEB-ITnose" ></h3><span>推荐<img src="/static/imghwm/default1.png" data-src="img/tuijian.png" class="lazy" / alt="IE6 problem, please ask a master_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="/static/imghwm/default1.png" data-src="img/btn.png" class="lazy" / alt="IE6 problem, please ask a master_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 id="任务详情">任务详情</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 id="试玩-战三国-新手送-经验值-获-凤凰读书币-img-src-static-imghwm-default-png-data-src-img-jishifanbi-png-class-lazy-nbsp-nbsp-alt-IE-problem-please-ask-a-master-html-css-WEB-ITnose">[试玩]战三国-新手送501经验值,获200凤凰读书币<img src="/static/imghwm/default1.png" data-src="img/jishifanbi.png" class="lazy" / alt="IE6 problem, please ask a master_html/css_WEB-ITnose" ></h3><span>推荐<img src="/static/imghwm/default1.png" data-src="img/tuijian.png" class="lazy" / alt="IE6 problem, please ask a master_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="/static/imghwm/default1.png" data-src="img/btn.png" class="lazy" / alt="IE6 problem, please ask a master_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 id="任务详情">任务详情</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?

HTMLisnotaprogramminglanguage;itisamarkuplanguage.1)HTMLstructuresandformatswebcontentusingtags.2)ItworkswithCSSforstylingandJavaScriptforinteractivity,enhancingwebdevelopment.

HTML is the cornerstone of building web page structure. 1. HTML defines the content structure and semantics, and uses, etc. tags. 2. Provide semantic markers, such as, etc., to improve SEO effect. 3. To realize user interaction through tags, pay attention to form verification. 4. Use advanced elements such as, combined with JavaScript to achieve dynamic effects. 5. Common errors include unclosed labels and unquoted attribute values, and verification tools are required. 6. Optimization strategies include reducing HTTP requests, compressing HTML, using semantic tags, etc.

HTML is a language used to build web pages, defining web page structure and content through tags and attributes. 1) HTML organizes document structure through tags, such as,. 2) The browser parses HTML to build the DOM and renders the web page. 3) New features of HTML5, such as, enhance multimedia functions. 4) Common errors include unclosed labels and unquoted attribute values. 5) Optimization suggestions include using semantic tags and reducing file size.

WebdevelopmentreliesonHTML,CSS,andJavaScript:1)HTMLstructurescontent,2)CSSstylesit,and3)JavaScriptaddsinteractivity,formingthebasisofmodernwebexperiences.

The role of HTML is to define the structure and content of a web page through tags and attributes. 1. HTML organizes content through tags such as , making it easy to read and understand. 2. Use semantic tags such as, etc. to enhance accessibility and SEO. 3. Optimizing HTML code can improve web page loading speed and user experience.

HTMLisaspecifictypeofcodefocusedonstructuringwebcontent,while"code"broadlyincludeslanguageslikeJavaScriptandPythonforfunctionality.1)HTMLdefineswebpagestructureusingtags.2)"Code"encompassesawiderrangeoflanguagesforlogicandinteract

HTML, CSS and JavaScript are the three pillars of web development. 1. HTML defines the web page structure and uses tags such as, etc. 2. CSS controls the web page style, using selectors and attributes such as color, font-size, etc. 3. JavaScript realizes dynamic effects and interaction, through event monitoring and DOM operations.

HTML defines the web structure, CSS is responsible for style and layout, and JavaScript gives dynamic interaction. The three perform their duties in web development and jointly build a colorful website.


Hot AI Tools

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Undress AI Tool
Undress images for free

Clothoff.io
AI clothes remover

AI Hentai Generator
Generate AI Hentai for free.

Hot Article

Hot Tools

SublimeText3 Linux new version
SublimeText3 Linux latest version

SAP NetWeaver Server Adapter for Eclipse
Integrate Eclipse with SAP NetWeaver application server.

VSCode Windows 64-bit Download
A free and powerful IDE editor launched by Microsoft

Dreamweaver Mac version
Visual web development tools

Atom editor mac version download
The most popular open source editor