針對不同瀏覽器Chrome和Firefox的條件內聯CSS

我已經爲div定位編寫了一個CSS。這裏是CSS針對不同瀏覽器Chrome和Firefox的條件內聯CSS

background-color: white; 
border-style: outset; 
margin: 115px 0px 0px -40px;

當我看到在Firefox中的輸出，那麼DIV位置是確定的，但是當我看到這個鉻然後輸出被扭曲，由於margin: 145px 0px 0px -40px;

鍍鉻的餘量應該margin: 115px 0px 0px -40px;

所以我搜索谷歌，發現一個片段，我申請但沒有工作。這是

style="width:310;height:402;background-color:white;border-style:outset; if webkit (margin:115px 0 0 -40px) else (margin:146px 0 0 -40px);"

所以，指導我怎麼寫條件內聯的CSS鉻...任何想法。謝謝

來源

2013-01-14 Thomas

是否使用一個CSS復位開始？當涉及到渲染時，Firefox和Chrome應該是一樣的。 – boz

你從哪裏得到這段代碼？有條件的CSS，需要多一點，不僅僅是添加IF ..等等... – Adrian

我搜索谷歌並找到了片段。 – Thomas

我寫了一個測試頁面，沒有找到你說的這種情況。也許你寫了一個測試頁面。嚴格來說，firefox chrome是現代瀏覽器的標準，不應該有這種情況了。

*{ margin:0; padding:0;} 
body{font:12px/1.5 arial;background:#fff;} 
.test{background-color: white; border-style: outset; margin: 115px 0px 0px -40px;} 

<div class="test"></div>

demo here

來源

2013-01-14 09:36:27 jikey

針對不同瀏覽器Chrome和Firefox的條件內聯CSS

回答

相關問題