DIV總是正確的，所有的瀏覽器

我剛剛創建的下一個CSS代碼的div總是正確的：DIV總是正確的，所有的瀏覽器

#button > .right{ 
    background-position: -268px 1415px; 
    height: 180px; 
    position: fixed; 
    right: -90px; 
    top: 40%; 
    width: 263px; 
-webkit-transform    : scale(0.23); 
-moz-transform     : scale(0.23); 
-o-transform      : scale(0.23); 
-ms-transform      : scale(0.23); 
transform      : scale(0.23); 
}

我試着在Firefox和這個代碼是好的，但是當我嘗試在其他的瀏覽器，這是未找到。

任何想法？

PDT：這是URL http://supboat.herokuapp.com/

編輯：此代碼是好的，問題是，因爲這個div是其他分區與位置內：相對的。

來源

2013-03-11 Nelson P Jimenez

其他瀏覽器是什麼你在說什麼。它適用於Google Chrome，I.E 9.0和Firefox？你能更清楚嗎？ – 2013-03-11 15:20:57

真的嗎？在設計師電腦裏這看起來真壞，我會附上問題的圖片。 – 2013-03-11 15:34:10

也似乎也適用於我，但可能是一個z索引問題，因爲你似乎沒有把你的定位對象的任何z索引 – Pete 2013-03-11 15:35:49

你的問題很容易解決。你的設置right:-90px;這意味着div被移出可視屏幕的90px。您將寬度設置爲263px，然後將其縮放到0.23。這大約是60px（263 * 0.23）。這意味着你的div在那裏，但他的左邊框在你可見的視口右邊約30像素。

來源

2013-03-11 15:21:42

嘿只要計算屏幕的寬度，然後更新您的按鈕的左側座標的值。

對於如： -

<button id="right"><button> 

<script> 
    var x=$(window).width(); 
    var right=document.getElementById("right"); 
    right.style.position="absolute"; 
    right.style.left=x+"px"; 
</script>

x是你的按鈕在屏幕的總寬度，然後你指定了「X」向左協調... :)

來源

2013-03-11 15:29:06 Tarun

DIV總是正確的，所有的瀏覽器

回答

相關問題