5、bottom、top
當使用絕對位置時,IE7與IE8會產生些許的偏移,這些偏移是整體性的,所以影響很小
例子:
- "http://www.w3.org/TR/xhtml1/DTD/xHtml1-transitional.dtd">
- <HtmlXMLnsHtmlXMLns="http://www.w3.org/1999/xHtml">
- <head>
- <title>< span>title>
- < span>head>
- <body>
- <divstyledivstyle="height:100px;width:200px;border:solid1pxblack">
- <divstyledivstyle="background-color:Red;bottom:5px;top:5px;position:absolute;height:40px">
- TEST
- < span>div>
- < span>div>
- < span>body>
- < span>Html>
很難看出來吧,因為偏移很小,不過確實是偏移了。
6、li+float
UL、LI加上float,在IE7於IE8有相當大的差異,見:
- "http://www.w3.org/TR/xhtml1/DTD/xHtml1-transitional.dtd">
- <HtmlXMLnsHtmlXMLns="http://www.w3.org/1999/xHtml">
- <head>
- <title>< span>title>
- < span>head>
- <body>
- <div>
- <div>
- <ul>
- <listylelistyle="cursor:hand;float:left;">
- TEST1< span>li>
- <listylelistyle="cursor:hand;float:left;">
- TEST2< span>li>
- <listylelistyle="cursor:hand;float:left;">
- TEST3< span>li>
- <listylelistyle="cursor:hand;float:left;">
- TEST4< span>li>
- <listylelistyle="cursor:hand;float:left;">
- TEST5< span>li>
- < span>ul>
- < span>div>
- < span>div>
- < span>body>
- < span>Html>
在IE7上,LI的項目符號被取消了,而在IE8上則正常顯示,但卻因為是float,所以後面的項目符號蓋到前一項目了。修改為程式8的模樣後
,兩者就趨近相同了。
- "http://www.w3.org/TR/xhtml1/DTD/xHtml1-transitional.dtd">
- <HtmlXMLnsHtmlXMLns="http://www.w3.org/1999/xHtml">
- <head>
- <title>< span>title>
- < span>head>
- <body>
- <div>
- <div>
- <ulstyleulstyle="list-style-type:none">
- <listylelistyle="cursor:hand;float:left;">
- TEST1< span>li>
- <listylelistyle="cursor:hand;float:left;">
- TEST2< span>li>
- <listylelistyle="cursor:hand;float:left;">
- TEST3< span>li>
- <listylelistyle="cursor:hand;float:left;">
- TEST4< span>li>
- <listylelistyle="cursor:hand;float:left;">
- TEST5< span>li>
- < span>ul>
- < span>div>
- < span>div>
- < span>body>
- < span>Html>
在嘗試尋找CSS相異點時,許多網站都有這類問題,因為我們常用這