Css 定位在ff、chrome中有效,但在ie7中无效
我有一些我用的divCss 定位在ff、chrome中有效,但在ie7中无效,css,internet-explorer,html,internet-explorer-7,positioning,Css,Internet Explorer,Html,Internet Explorer 7,Positioning,我有一些我用的div position:absolute; width:100px; margin:-20px 420px; 和这个一样另一个也。。。 问题是chrome和firefox看起来不错,但在ie7中,这些div正在被移除。 如何将其设置为在所有浏览器中都看起来完美??谢谢 编辑: .按钮{ 显示:块; 位置:绝对位置; 宽度:200px; 高度:50px; 背景:url(../images/portfolio.gif)不重复0-49px; 利润率:-50px 420px; } .按
position:absolute;
width:100px;
margin:-20px 420px;
和这个一样另一个也。。。
问题是chrome和firefox看起来不错,但在ie7中,这些div正在被移除。
如何将其设置为在所有浏览器中都看起来完美??谢谢
编辑:
.按钮{
显示:块;
位置:绝对位置;
宽度:200px;
高度:50px;
背景:url(../images/portfolio.gif)不重复0-49px;
利润率:-50px 420px;
}
.按钮a{
显示:块;
位置:绝对位置;
宽度:100%;
身高:100%;
背景:url(../images/portfolio.gif)不重复0;
文本缩进:-9999px;
}
.按钮a:悬停{
背景位置:0 50px;
}
.按钮1{
显示:块;
位置:绝对位置;
宽度:200px;
高度:50px;
背景:url(../images/design-brief.gif)不重复0-49px;
利润率:-20px 420px;
}
.按钮1A{
显示:块;
位置:绝对位置;
宽度:100%;
身高:100%;
背景:url(../images/design-brief.gif)不重复0;
文本缩进:-9999px;
}
.按钮1A:悬停{
背景位置:0 50px;
}
这两个按钮button和button1与一些文本一起位于这个div中
.cont
{
position:relative;
width:1400px;
height:500px;
}
续
{
位置:相对位置;
宽度:1400px;
高度:500px;
}
我想你必须设置一个
top:0px
和一个left:0px
。如果不设置实际位置,则不能使用位置:绝对
或者:您可以尝试position:static
或position:relative
,我不确定您想做什么。不要使用边距来定位按钮。如果您已将其设置为位置:绝对代码>使用顶部:0px;左:0px代码>(显然是将其设置到所需位置)。由于您已将父div.cont
设置为位置:相对代码>只要按钮在DOM中,就会在这个div中设置它们。因此,如果您要将它们设置为top:0px;左:0px代码>按钮将位于div的左上角
比负利润更可靠。同意马特·阿斯伯里的观点。。。如果你使用仓位,那么就不使用保证金。还有一件事,u r使用按钮的绝对位置。在这种情况下,不要对其子对象使用position,除非您也要定位其子对象。如果你能提供html,那么代码和帮助就很容易理解。你能发布一个实例和其他相关代码吗?我们需要看看这个div如何与其他div交互(它的位置绝对相对):)如果您不能在自己的服务器上提供一个示例,您可以使用jsFiddle.net。您能解释一下“移开”是什么意思吗?它们是否在移动,只是稍微偏离了一点?是大规模关闭吗?你可以发布一些HTML的代码吗?编辑了我的代码。请检查所有我知道负边距高于高度是有问题的。。!
.cont
{
position:relative;
width:1400px;
height:500px;
}