2013-04-11 37 views
0

我知道這聽起來令人討厭,但如果可能,我真的只是想找到解決方案,因爲我需要快速修復它。使用CSS不起作用,因爲它有點破解,如果我將它添加到HTML中,我的元素只能識別style="margin-left: 50px;"使用jQuery確定瀏覽器並向元素添加樣式

將STYLE直接添加到HTML中有一個簡單的解決方案,但我發現另一個問題是Mozilla或Opera顯示不同的東西。例如在Chrome中,margin-left: 50px沒問題,但在Mozilla中,它必須設置爲55px

所以,我不知道是否有是發現在style="margin-left: --px;"

+0

更好的解決方案是使用服務器端語言,如PHP。 – Mooseman 2013-04-11 19:37:52

+0

可以找到瀏覽器的版本?如果是的話如何? – AndrewS 2013-04-11 19:38:46

+0

所描述的佈局問題可以通過簡化css/html結構來清除 – 2013-04-11 19:38:55

回答

1

您可以使用下面的代碼檢測瀏覽器和瀏覽器版本:

if ($.browser.msie && $.browser.version == '6.0') { 
    $('#myElement').css('margin-left', '20px'); 
} 

參考jQuery的文檔@http://api.jquery.com/jQuery.browser/。 .browser函數從jQuery 1.3開始已被棄用,但直到版本1.9才被刪除。

+0

我試過了,但它不起作用 – AndrewS 2013-04-11 19:54:01

+0

你能發佈沒有用的代碼嗎? – RHarrington 2013-04-11 19:57:13

+0

$(文件)。就緒(函數($){ \t \t \t \t \t如果($ .browser.mozilla){ \t \t \t \t \t \t $( '#menu_about')。風格(「保證金左」, '200像素'); \t \t \t \t \t}; \t \t \t \t}); \t \t \t \t – AndrewS 2013-04-11 19:57:50

相關問題