移動設備忽略我的css規則，爲什麼？

我有我的手機菜單下面的CSS規則，但問題是，它忽略了我的移動設備上的現在的位置語句，但不是我的桌面瀏覽器（Chrome瀏覽器，火狐IE等）移動設備忽略我的css規則，爲什麼？

的CSS規則：

background:#000 url("images/nav-icon.png") no-repeat;background-position: 
right 15px top 10px; (DISPLAYED AT THE TOP LEFT *)

有alos嘗試過這些組合。

background-image:url("images/nav-icon.png");background-repeat:no-repeat; 
background-position:right 15px top 10px; (DISPLAYED AT THE TOP LEFT *) 

background:#000 url("images/nav-icon.png") right 15px top 10px no-repeat; 
(NOT DISPLAYED AT ALL *)

* 在移動設備上。

其中一個根本不顯示，但其中兩個在左上角。看看上面哪一個。

現在我的問題是，我的組合有問題還是移動設備不支持這些組合？

衷心感謝傑克

來源

2014-04-03 Jack

一些移動設備不能這樣做。即iPhone或Webkit瀏覽器。

嘗試尋找另一種方式（有很多CSS的黑客，如果你谷歌他們）或使用JavaScript！

確保您測試您的網站在多個設備上。我會去Future Shop或Bestbuy，並在平板電腦，大屏幕電腦和一系列移動設備上測試我的響應式網站/網絡應用程序。

來源

2014-04-03 14:05:42 individu

你必須指定與四值語法的背景位置？這仍然是一個open proposal。如果您知道要應用的元素的寬度，則可以使用百分比值從右側進行設置。

也許最好的解決辦法是使div元素裏面的跨度元素，如果你打算到後臺適用於跨度元素位置，而不是背景圖像

跨度，你需要給它一個display: block;或類似的，所以你還不如用一個div在這種情況下，絕對與它下面，你希望它後面的元素的z-index的位置（你需要給他們position: relative;使z-index工作。

來源

2014-04-03 14:22:40 Tom

移動設備忽略我的css規則，爲什麼？

回答

相關問題