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：这是网址http://supboat.herokuapp.com/

编辑：这段代码很好，问题是因为这个 div 在其他 div 中，位置：relative。

4

2 回答 2

1

你的问题很容易解决。您的设置right:-90px;意味着 div 从可见屏幕移出 90 像素。您将宽度设置为 263 像素，然后将其缩放为 0.23。大约是 60 像素 (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 回答