Question

我有一些我用

定位的div

position:absolute;
width:100px;
margin:-20px 420px;

同样的另一个也...... 问题是它在chrome和firefox中看起来很好，但在ie7中这些div正在被移走。如何在所有浏览器中将其设置为完美？谢谢编辑：

.button {
  display:block;
  position:absolute;
  width:200px;
  height:50px;
  background:url(../images/portfolio.gif) no-repeat 0 -49px;
  margin:-50px 420px;
}
.button a {
  display:block;
  position:absolute;
  width:100%;
  height:100%;
  background:url(../images/portfolio.gif) no-repeat 0 0;
  text-indent:-9999px;
}
.button a:hover {
  background-position: 0 50px;
}


.button1 {
  display:block;
  position:absolute;
  width:200px;
  height:50px;
  background:url(../images/design-brief.gif) no-repeat 0 -49px;
  margin:-20px 420px;
}
.button1 a {
  display:block;
  position:absolute;
  width:100%;
  height:100%;
  background:url(../images/design-brief.gif) no-repeat 0 0;
  text-indent:-9999px;
}
.button1 a:hover {
  background-position: 0 50px;
}

这两个按钮，button和button1都在这个div中，还有一些文本

.cont
{
position:relative;
width:1400px;
height:500px;

}

Answer 1

我猜您必须设置top:0px和left:0px。如果不设置实际位置，则无法使用position:absolute。

或者：您可以尝试position:static或position:relative，我不确定您要做什么。

Answer 2

同意Matt Asbury ......如果您使用职位，则不会使用保证金。还有一件事，你使用绝对位置按钮。在这种情况下，除非并且直到你想要定位其孩子，否则不要对其孩子使用位置。如果你能提供html，那么很容易理解代码和帮助。

定位工作在ff，chrome但不在ie7

3 个答案: