保证金顶部不在mozilla工作

时间:2015-01-13 05:10:42

标签: css

你能帮我解决一下如何在Mozilla浏览器中设置优势。随着反映在互联网资源管理器和铬。由于我的以下代码在chrome和Internet Explorer中运行良好。当我在互联网上搜索但仍然没有这条线。即:

@-moz-document url-prefix() {{margin-top: 11px; }} 

以下是完整代码:

    #hm-search26 {
        background: url(<xsl:value-of select="$clientImages"/>img/se-search-bg.png) no-repeat scroll 0 0 transparent;
        height: 52px;
        width: 300px;
        z-index: 100;
        float: right;
        position: relative;
        margin: 11px 12px 0 0;
        top : -68px;
        @-moz-document url-prefix() {{margin-top: 11px; }}
        }

2 个答案:

答案 0 :(得分:0)

您可以尝试这个精炼的CSS代码段和相关的测试HTML:

CSS:

#hm-search26 {
    background: url(<xsl:value-of select="$clientImages"/>img/se-search-bg.png) no-repeat scroll 0 0 transparent;
    height: 52px;
    width: 300px;
    float: right;
    position: relative;
    margin: 11px 12px 0px 0px;

}

HTML:

<div id="hm-search26">
    <p>Text 1</p>
    <p>Text 2</p>
    <p>Text 3</p>
</div>

你可以在jsfiddle中看到它是如何工作的:http://jsfiddle.net/o15fy6mm/1/

希望这会有所帮助。最好的问候,

答案 1 :(得分:0)

删除Top:-68px;因为您应用了position所以它将采用此Top属性,而不是检查您的margin属性是否有效。我在firefox办理了登机手续,margin工作正常。