һ
 ע

QQ¼

ֻһٿʼ

ƼĶ

+

[CSS] ϸЩֱӵIE6BUG

[]
12150 websjy 2013-6-14 09:23:29
| ʾȫ¥
1F

ϵ½עᣬύѣø๦ܣϴزIJޣ

Ҫ ¼ ſػ鿴ûʺţע  

x
1. liIEеײ3صBUG<li>ϼfloat:leftɽ
2. IE6ߵBUGǽⲿԶλdivȸijż߶Ҳһġ
3. IE6BUGBUGм
1.ע,ɾעͼ.
2.hiddeninputֱӷform.
3.displayΪnonedivҲпbug.
4.ٰͨһDIV
עIE6BUGֵ=ע͵*2-1ĻӢʱעλλáĸԼĹ̶бȻϵ

1ע͡򵥡ݵĽ
2עͲҪ2֮䣻
3µ<div></div>֮䣬磺<div style=float:right;width:400px><div>Ƕֻ</div></div>
4ȥĹ̶ȣ3֮
5ںһ<br />߿ո񣻣Ƽ
6ʹIEע͸ʽ磺<!C[if !IE]>Put your commentary in here<![endif]C>
7Ӽposition:relative;
4. ʽעͺʧЧͻ עʽã
1. cssע
2. cssΪANSI
3. htmlΪutf-8

1. ȥעͣӢע
2. ͳһcss html ı
õڶֽ
PS cssΪuft-8  html ΪANSI ʧЧ
5. liIEеײеBUGIE6бijڵij li еһ display: block ê(anchor)ʱ£бԪ֮Ŀո񽫲ᱻԶͨʾɶһмÿ li ֮䡣һֱֱհ׵ĽǸЩê layoutһôǿêľ򶼿Ӧ

1. li a ʽмzoom:1
2. li ʽмdisplay:inline
3. <li>ǩдһУ
4. li a ʽмwidth:100%һֵ
6. ʹpaddingԪؾԶλBUGڸʹposition:relative;paddingȻ0ֵ⣩ie6вĶλʼǴpaddingλ𣬶Ӳʵλ𣬶DZpaddingıǸλáʹposition:absoluteв㶨λʱie6ıֲһ

ӿȻzoom:1
7. display:none3صBUG1
һdivһmargin-right:-3px
磺<divstyle="display: none; "></div><divstyle="background:green; width:10px; float:left; height:300px;margin-right:-3px"></div>
2
display: nonedivһʽء
磺<divstyle="position:absolute; visibility: hidden "></div>
8. IE6ͼƬ3pxIE 6 DIV ʹñͼƬֱӲͼƬDIVУʱͼƬ¶˻һհ׼պ 3px .

IE6Ĭֺ12ptĬиnormal
1. DIVϣfont-size: 0px;
2. imgΪdisplay:block;
3. ͼƬvertical-alignΪtoptext-topbottomtext-bottomҲԽ
4.ͼƬĸԣ#sub img {float:left;}
5.ȡͼƬǩ丸һǩ֮Ŀոַ÷ΧȽխֻڸֻһͼƬ󣬶Һ͸Ľǩ֮䲻κο϶
9. IE6˫BUG
취Ǽdisplay:inline;
10. IE63px BUGͷ̨bug㣬һһѸһڲУ֮ᷢе϶Ϊ3pxͷ۵ˡ

1еIJ㶼 ұǸҲóɸͿɶ3px
2ߵIJ㣬Ӧmargin-right:-3px;ͬɽIE 3px bug
11. Ie6ͼƬоЧԺӵimginputtextareaselectobjectԪؼ margin: (line-height-߶)/2px 0
12. IE6ʹ˾ʹPNGͼƬ͸ʧЧ⡣ΪӶһԶλԡposition:relative
13. ıͨ÷<div>֤<input type="text" style="ime-mode:disabled"/></div>        
IEime-mode:disabledfirefox3Ҳʼ֧IEһ˽
Դ΢http://weibo.com/techued Դ΢Źںţweb-tech
ʹõ ٱ ظ
б

ֹ

̳¡ͼƬѷϴվԭתԻ,µİȨԭ
վַİȨ֪ͨǵĹԱ,Ա(Email:admin@websjy.com)ʱȡȨɾ
ܾκκʽڱ̳л񹲺͹ִ!

QQ| 42011102000510|Archiver|ֻ|Դ ( ICP14013341-1

GMT+8, 2018-11-14 15:15

Powered by Discuz! X3.2

ԴԴվ  ԴAPPӦ֮

ٻظ ض б