[网页重构xhtml.css].css.hack

《[网页重构xhtml.css].css.hack》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、CSSHacks&IssuesAuthor:ChrisThomasMonday,12March2007TableofContents1.Introduction......................................................................................................32.Browser-Specificselectors..................................................................................

2、33.TransparentPNG’sinIE6...................................................................................34.Removingdottedlinks.......................................................................................45.Applyingawidthtoinlineelements...........................................

3、..........................46.Centeringafixedwidthwebsite..........................................................................47.Imagereplacementtechnique............................................................................58.Min-width..............................................

4、...........................................................59.Hidehorizontalscrolling.....................................................................................6stCompanyNumber:45108641Floor,77LeonardStreet,London,EC2A4QS1.IntroductionThisarticleincludes8helpfulsolutionswhichwefind

5、essentialwhendesigningwithCSS2.Browser-SpecificselectorsTheseselectorsareveryusefulwhenyouwanttochangeastyleinonebrowserbutnottheothers.IE6andbelow*html{}IE7andbelow*:first-child+html{}*html{}IE7only*:first-child+html{}IE7andmodernbrowsersonlyhtml>body{}Modernbrowsersonly(notIE7)html>/**/bod

6、y{}RecentOperaversions9andbelowhtml:first-child{}Safarihtml[xmlns*=""]body:last-child{}Tousetheseselectors,placethecodeinfrontofthestyle.E.g.:#content-box{width:300px;height:150px;}*html#content-box{width:250px;}/*overridestheabovestyleandchangesthewidthto250pxinIE6andbelow*/Source3.Transpar

7、entPNG’sinIE6AnIE6bugwhichcausesagreatdealofhassleisthatitdoesn’tsupporttransparentPNGimages.stCompanyNumber:45108641Floor,77LeonardStreet,London,EC2A4QSYouwillneedtouseafilterwhichoverridestheCSS.*html#image-style{background-image:none;filter:prog