css - div 总是正确的，所有浏览器

Question

我只是为 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 位于其他 div 的 position:relative 中。

Answer 1

你的问题很容易解决。您设置 right:-90px; 这意味着 div 被移出可见屏幕 90px。您将宽度设置为 263px，然后将其缩放为 0.23。那大约是 60px (263 * 0.23)。这意味着您的 div 在那里，但他的左边框在可见视口(viewport)右侧约 30 像素处。