我有一些我定位的div
position:absolute;
width:100px;
margin:-20px 420px;
像这样的另一个
问题是它在chrome和firefox中看起来还不错,但是在ie7中,这些div正在移开。
如何将其设置为在所有浏览器中看起来都完美?
编辑:
.button {
显示:块;
位置:绝对;
宽度:200像素;
高度:50px;
背景:url(../ images / portfolio.gif)不重复0 -49px;
保证金:-50px 420px;
}
.button a {
显示:块;
位置:绝对;
宽度:100%;
高度:100%;
background:url(../ images / portfolio.gif)不重复0 0;
文字缩进:-9999px;
}
.button a:hover {
背景位置:0 50px;
}
.button1 {
显示:块;
位置:绝对;
宽度:200像素;
高度:50px;
背景:url(../ images / design-brief.gif)不重复0 -49px;
边距:-20px 420px;
}
.button1 a {
显示:块;
位置:绝对;
宽度:100%;
高度:100%;
背景:url(../ images / design-brief.gif)不重复0 0;
文字缩进:-9999px;
}
.button1 a:hover {
背景位置:0 50px;
}
这两个按钮,button和button1以及一些文本都在此div中
.cont
{
位置:相对;
宽度:1400px;
高度:500像素;
}
最佳答案
我猜您必须设置一个top:0px
和一个left:0px
。如果不设置实际位置,则不能使用position:absolute
。
或者:您可以尝试position:static
或position:relative
,但不确定您要做什么。
关于css - 定位在ff,chrome中有效,但在ie7中无效,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/4613385/