有解決的辦法,一種手動,一種就是寫代碼!

龍南網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián)公司,龍南網(wǎng)站設(shè)計制作,有大型網(wǎng)站制作公司豐富經(jīng)驗。已為龍南近千家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\外貿(mào)網(wǎng)站制作要多少錢,請找那個售后服務(wù)好的龍南做網(wǎng)站的公司定做!
手動:點擊上面工具欄,選擇兼容性視圖,就可以顯示正常了。
代碼:直接在頁面的header里面寫meta標簽這樣一行代碼:
meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″ /
這樣IE8就會正常顯示了!
第一個li的高度高了,所以后面float的元素就卡住了。
你可以直接在第一個li里面設(shè)置一下style="line-height:29px;",就可以看出來效果了。
反正就是這個的原因。
至于怎么解決,沒有找到問題產(chǎn)生的原因啊。。。。
------解決方案--------------------
.parameters li span
這個里面的字體大小影響的,
改為12px就可以解決這個問題。
至于為何這個字體會影響,估計是跟line-height在混雜模式下,瀏覽器的解釋不同照成的吧。
總結(jié)性的影響因素,還說不上來。。。
這俗稱CSS HACK。即瀏覽器差異。我做過一段時間前臺頁面。一般程序員都很厭惡IE。因為它不怎么支持W3C里面的標準。而火狐永遠是金標準。問題出現(xiàn)了還得解決。有兩種解決辦法,一是你的問題出在哪在網(wǎng)上搜一下相應(yīng)的CSS HACK的解決辦法。很多的。二,你今后做頁面的時候用純table.幾乎不用DIV這樣就可以避免CSS HACK。
針對firefox ie6 ie7 ie8的css樣式hack?
以前我們大部分都是用!important來hack,對于ie6和firefox測試可以正常顯示,但是ie7以上對!important可以正確解釋,會導致頁面沒按要求顯示!搜索了一下,找到了一個針對IE7、IE8不錯的hack方式,IE7使用*+html或*line-height: 23px,IE8使用“\9”來區(qū)分,比如:line-height: 26px\9。?
CSS可以參照如下定義,注意順序:?
#menu?{?line-height:?23px;?}/*?firefox?瀏覽器實行這句定義?*/?
#menu?{?line-height:?26px\9;?}/*ie6,ie7,ie8?這句定義主要尖對IE8來hack*/?
#menu?{?*line-height:?23px;?}/*ie6,ie7?這句定義主要尖對IE7來hack*/?
#menu?{?_line-height:?23px;?}/*ie6?瀏覽器優(yōu)先實行這句定義*/
或者寫成一句?
#menu?{?line-height:23px;?line-height:?26px\9;?*line-height:?23px;?_line-height:23px;?}
或者?
*?html?#menu?{?line-height:?23px;?}?/*?IE6?瀏覽器實行這句定義?*/?
*+html?#menu?{?line-height:?23px;?}/*?IE7?瀏覽器實行這句定義*/
你在css樣式文件頭部寫上
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,p,blockquote,th,td,a
{
padding:
0;margin:
0;font-size:12px;
text-decoration:none;
font-family:
"微軟雅黑"
,arial;}
h1,h2,h3,h4,h5,h6
{font-weight:
normal;font-size:
100%;}
這樣所有的標簽?zāi)J的內(nèi)外邊距都清零了,而且有默認字體大小和字體。然后如果你需要的話可有給指定h1標簽設(shè)置字體大小或者其他樣式,希望可以幫到你
width:192px; height:55px; margin-top:100px; background:url(images/anniu01.gif) no-repeat left bottom;
要將上面的改成
width:192px; height:155px; background:url(images/anniu01.gif) no-repeat left 50px;
2.盡量用padding-top:,少用margin-top
今天總算升級到IE8了,感覺CSS的寫法要想同時適應(yīng)IE6、IE7、IE8、FireFox,有以下幾個基本的竅門。
1、使用float后必須clear,否則IE8顯示錯誤。
2、h1,h2,h3,ul,li,dl,dt,dd,p...最好定義margin:0和padding:0,否則各種瀏覽器顯示有誤差。
3、line-height值最好是偶數(shù),奇數(shù)顯示有誤差。
4、input 的text和password兩種形式在IE8不定義字體(宋體)下長度高度不一樣,可將input定義為font-family:Arial。
5、如果想在標題前后加小圖標,最好不要直接用img,用img的話IE6行間距會縮小,應(yīng)該用li加背景的形式。
...今天暫時只發(fā)現(xiàn)這幾點,更多的以后繼續(xù)總結(jié)。
實在不行再用分開定義的辦法:
div {
margin:0; /* 給全部瀏覽器看 */
*margin:10px; /* 給IE6、IE7看 */
_margin:20px; /* 只給IE6看 */
}
附:基本CSS樣式表
style type="text/css"
body {
margin:0;
font-size:9pt;
line-height:18px;
}
h1,h2,h3,ul,li,dl,dt,dd,p {
margin:0;
padding:0;
}
ul {
list-style:none;
}
form {
margin:0;
}
input,textarea,select {
font-family:Arial;
font-size:9pt;
}
.clear {
clear:both;
}
/style
分享題目:ie8下css樣式,css在ie8背景顏色
文章地址:http://chinadenli.net/article41/dsepded.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供面包屑導航、品牌網(wǎng)站制作、ChatGPT、搜索引擎優(yōu)化、域名注冊、網(wǎng)站排名
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)