1

div が常に正しくなるように、次の CSS コードを作成します。

#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 が position:relative の他の div 内にあったためです。

4

2 に答える 2

1

あなたの問題は非常に簡単に解決できます。right:-90px;divが90pxの表示画面からシフトされることを意味するあなたのセット。幅を 263px に設定し、0.23 にスケーリングします。これは約 60px (263 * 0.23) です。つまり、div はそこにありますが、左の境界線は、表示されているビューポートの約 30 ピクセル右にあります。

于 2013-03-11T15:21:42.910 に答える
0

画面の幅を計算して、ボタンの左座標の値を更新するだけです。

例:-

<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-11T15:29:06.600 に答える