Chrome Firefox HTML Display
All,
I have couple of queries 开发者_如何学JAVAwith respect to displaying html:
I have a background image that is set for the <body></body>
component of my HTML page using the CSS as follows:
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;
}
For the setting above, the background image completely covers the display window in Chrome but not in Firefox. I can see the background color in Firefox.
How can I make this consistent?
The contents in both Chrome and Firefox is displayed in CAPITAL letters when I have not even set capital letters for the <body></body>
section. How can I fix this?
background-size
is not a widely supported CSS property. Use-moz-background-size
in addition tobackground-size
to get it working in FF 3.6+. See quirksmode.You must have a
text-transform: uppercase
somewhere in your CSS, or your text is literally written in all caps, or you're using a font that only has capital letters.
精彩评论