html - Chrome Firefox HTML 显示

标签 html css firefox google-chrome

全部,

我有几个关于显示 html 的问题:

我有一个为 <body></body> 设置的背景图片我的 HTML 页面的组件使用 CSS 如下:

body {  
    background: url('XYZ.jpg') no-repeat;  
    background-position: center top;  
    background-size: 100%;  
    background-color: #422102;  
    font-family: "Algerian";  
    font-size: 15pt;  
    color: #F8F8FF;  
}

对于上面的设置,背景图片在Chrome中完全覆盖了显示窗口,而在Firefox中则不会。我可以在 Firefox 中看到背景颜色。

我怎样才能使它保持一致?

当我没有为<body></body>设置大写字母时,Chrome和Firefox中的内容都以大写字母显示部分。我该如何解决这个问题?

最佳答案

  1. background-size 不是广泛支持的 CSS 属性。除了 background-size 之外,还使用 ​​-moz-background-size 让它在 FF 3.6+ 中工作。参见 quirksmode .

  2. 您的 CSS 中必须有一个 text-transform: uppercase,或者您的文本实际上是全部大写,或者您使用的字体只有大写字母。

关于html - Chrome Firefox HTML 显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5293953/

相关文章:

javascript - 多行输出文本

html - 是否可以在 css 中使用多个链接样式?

html - 需要帮助来拉伸(stretch) div 元素

javascript - 为什么这段 setInterval/document.write 代码在 Chrome 上有效,但在 Firefox 上无效?

javascript - webcl 和 webgl 不能同时工作

Java 剪贴板 : Paste HTML from Firefox on Linux

jQuery - 由于边距而无法单击 DOM 中的元素

html - CSS :before & position: relative issue in IE

android - 移动 Firefox 插件开发 : window. BrowserApp.deck 为空

javascript - 无法设置Data( 'undefined')以允许元素拖放