html - 无论缩放多少,只有 Firefox 在中间显示 Logo 。 IE 和 Chrome 不读取顶部和底部边距。任何人都知道为什么?

标签 html css image google-chrome internet-explorer

以下 CSS showld 将 Logo 放在中间,因为边距从左右、顶部和底部被插入相同的值,但是,由于某些我显然不会的原因,这只发生在 firefox 上有线索。

body {
    background-image:url(Background.png);
    background-size:100%;
    background-repeat:repeat-y;
   } /*backgroung*/






.logo {
        left:0;
        top:0px;
        right:0;
        bottom:0px;
        position:absolute;
        min-width:444px;
        margin: 230px; 400px;
        text-align:center;
    } /*logo positioning*/




    .logo {
        background-image:url(Logo.png);
        background-position:center;
        background-repeat:no-repeat;
    } /*logo image*/




    .logo:hover {
        background-image:url(Logo2.png);
        background-repeat:no-repeat;
        background-position:center;
    } /*mouseover*/

最佳答案

你有我们可以检查的链接吗?

尝试使用“padding-top: 150px”。它通常有效,除非有什么东西阻止你这样做。或者,尝试常规技巧“缩放:1”,“position:relative”,“显示: block ”。

希望这对您有所帮助。

关于html - 无论缩放多少,只有 Firefox 在中间显示 Logo 。 IE 和 Chrome 不读取顶部和底部边距。任何人都知道为什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29098256/

相关文章:

javascript - 为什么 (&) 符号未显示在 Android 默认消息传递应用程序中?

html 到 excel 转换为嵌入图像

c# - 在这个相对简单的程序中得到 'out of memory' 异常

html - 输入元素超出移动屏幕宽度

javascript - 在网格中使用 rowTemplate 时如何使剑道网格可编辑?

javascript - 无法将货币格式添加到输入总和中的总输入

javascript - 如何通过 css 在文本之间添加额外的字符。已应用 Css 但显示错误结果

c++ - SDL 图像撕裂/卡顿

javascript - 输入变化时更新 Vue 减法方法

javascript - 将文本颜色限制为黑色