javascript來檢測瀏覽器並使用特定樣式表

網頁中有一個單獨的元素，我絕對必須坐在頁面上的精確位置，Chrome和FF之間似乎有14px的高度差這將不允許我在兩者之間均勻地放置圖形。我爲IE9和IE8使用了條件語句，但現在Chrome和FF存在問題。javascript來檢測瀏覽器並使用特定樣式表

不幸的是，我沒有權限訪問此網站的主要部分或主要全局CSS，並且在邊緣沒有全局重置0。即使我有可能這樣做，也會有這麼多的黑客和修復，以至於全球重置會起到反作用。因此，在弄亂了這個對象的音樂椅之後，我認爲我的最終解決方案（儘管對於一個圖形來說不是很優雅）是爲該圖像的邊緣頂部寫一個樣式表（實際上是一個div與圖像背景），並讓JavaScript檢測瀏覽器並相應地提供樣式表（即 - 如果它是FF然後渲染這個CSS，或者如果它是Chrome然後渲染這個CSS）。

不幸的是我不能顯示的頁面，但我對元素的CSS是：

#telescope { 
    background: url("my-image.png") no-repeat scroll 0 0 transparent; 
    height: 102px; 
    position: absolute; 
    right: -48px; 
    margin-top: 748px; 
    width: 98px; 
    z-index: 1; 
    }

來源

2014-06-05 abtecas

順便說一句，我已經做了嘗試頂部：0像素;和left：0px;在這個特定的CSS，無濟於事。 – abtecas

'if（chrome.webstore）'很可能會這樣做，但如果我是你的話，我仍然更喜歡功能檢測並跨瀏覽器有效的CSS。 –

你試過了padding-top 0嗎？ – Ibu

嘗試把這個在你的CSS的頂部：

* { 
margin: 0; 
padding: 0; 

font-family: "Open Sans", 'Consolas', sans-serif; 
    } 

html, body {height: 100%;}

來源

2014-06-05 22:17:05 djbhindi

感謝djbhindi ......但我確實提到過我無法訪問全球樣式表，此外，它會對多年來已經實施的衆多黑客和創可貼都造成嚴重破壞。 – abtecas

我的不好，沒有讀到。看起來像一個蹩腳的情況，也許更好地開始新鮮:)。祝你的問題好運。 – djbhindi

是的，我很想開始新鮮！但是，這不是一個不幸的選擇。這是一個非常大的網站，有不同的部門，廚房裏有這麼多廚師，只是一大堆東西。這種事情是當開發人員沒有被邀請去設計會議時發生的事情： - / – abtecas

javascript來檢測瀏覽器並使用特定樣式表

回答

相關問題