Home > Article > Web Front-end > What exactly is IE6 going to do? I have no choice! _html/css_WEB-ITnose
What exactly is IE6 going to do? I have no choice! _html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 12:14:181177browse
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>test</title><style type="text/css">*{ margin:0; padding:0;}img{ border:none;}.picbox{ float:left; width:980px;}.picbox a{float:left; border:1px solid #FFF;margin:5px 3px 0 2px; display:inline; white-space:nowrap;}.picbox a:hover{ border-color:#CCC;}</style></head><body><div class="picbox"> <a href="" target="_blank" style="float:right"><img src="http://pic5.nipic.com/20100223/3690856_224956041666_2.jpg" width="244" height="419" /></a> <a href="" target="_blank" style="float:right"><img src="http://pic5.nipic.com/20100223/3690856_224956041666_2.jpg" width="479" height="206" /></a> <a href="" target="_blank"><img src="http://pic5.nipic.com/20100223/3690856_224956041666_2.jpg" width="236" height="206" /></a> <a href="" target="_blank"><img src="http://pic5.nipic.com/20100223/3690856_224956041666_2.jpg" width="236" height="206" /></a> <a href="" target="_blank"><img src="http://pic5.nipic.com/20100223/3690856_224956041666_2.jpg" width="236" height="206" /></a> <a href="" target="_blank"><img src="http://pic5.nipic.com/20100223/3690856_224956041666_2.jpg" width="236" height="206" /></a></div></body></html> Regarding the program calling issue, the first two and the last four pictures must be consecutive
In other words, the order of the pictures is not changed, only the CSS is changed, so that it works normally under IE6 .
Reply to the discussion (solution)
Alas, I solved it myself, just add a span tag to the first two pictures and it will be fine
Who will pick up the score?
This is really cool. .
Floating line breaks under IE6 can most of the time be solved by setting the width
I think it is enough to change the width to 982px under IE6, which is also a method~
http://www.busfly.net/post/CSS-IE6-IE7-FF.html
Recommend one. . . ?,,,
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn