Question

所有

我有几个关于显示html的查询：

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

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中的内容都以大写字母显示。我该如何解决这个问题？

Answer 1

background-size不是广泛支持的CSS属性。除了-moz-background-size之外，还可以使用background-size使其在FF 3.6+中运行。请参阅quirksmode。
您的CSS中某处必须有text-transform: uppercase，或者您的文字全部用大写字母书写，或者您使用的字体只有大写字母。

Chrome Firefox HTML显示

1 个答案: