Tweet
I have created a simple HTML document, bluemoon.html I am trying to display a background image using CSS 3, but I am having difficulty displaying the image. I have tried several different code examples, but the most recent one I am modeling my example from happens to be this My code looks like this:
With the above mentioned code FF 6.0.2 is not displaying the background image.
Code:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang=en>
<head>
<meta http-eqiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Blue Moon Wordpress Theme</title>
<style type="text/css">
<! -- CSS code goes here -->
@charset "utf-8";
div
{
background:url(http://ipatch.penguinmilitia.net/wp-content/uploads/2011/09/coffee_mech.png);
background-size:100% 100%;
-moz-background-size:100% 100%; /* Firefox 3.6 */
background-repeat:no-repeat;
}
<!-- image dimensions 1101x1326 -->
h1
{
font-family:"Helvetica";
}
</style>
</head>
<! -- END OF HEAD -->
<body>
<div>
<h1>Hello World!</h1>
</div>
</body>
</html>
Comment