Fatal编程技术网
  • css/
  • CSS背景色不显示

CSS背景色不显示

css html

CSS背景色不显示,css,html,Css,Html,我创建了一个HTML5页面，图像覆盖了整个页面的背景色。我试图使图像显示在背景中，而背景颜色显示在背景上方的页面中。复制并粘贴我的代码以便自己查看。我该如何解决这个问题？先谢谢你 这是索引文件： <!DOCTYPE html> <html lang="en"> <head> <link rel="stylesheet" href="javajam.css"> <title>JavaJam Coffee House<

我创建了一个HTML5页面，图像覆盖了整个页面的背景色。我试图使图像显示在背景中，而背景颜色显示在背景上方的页面中。复制并粘贴我的代码以便自己查看。我该如何解决这个问题？先谢谢你

这是索引文件：

<!DOCTYPE html>
<html lang="en">

<head>
    <link rel="stylesheet" href="javajam.css">
    <title>JavaJam Coffee House</title>
    <meta charset="utf-8">
    <link rel="icon" href="favicon.ico" type="image/x-icon">
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
</head>

<body>
<div id="wrapper">

<h1><img src="javalogo.gif" alt="JavaJam Logo" width="619" height="117"></h1>

<div id="nav">
    <a href="index.html">Home</a>&nbsp;
    <a href="menu.html">Menu</a>&nbsp;
    <a href="music.html">Music</a>&nbsp;
    <a href="jobs.html">Jobs</a>
</div>

<div id="content">

<img src="windingroad.jpg" alt="Winding Road" width="333" height="156" align="right">

<ul>
    <li>Specialty Coffee and Tea</li>
    <li>Bagels, Muffins, and Organic Snacks</li>
    <li>Music and Poetry Readings</li>
    <li>Open Mic Night</li>
</ul>

<div>
    12312 Main Street<br>
    Mountain Home, CA 93923<br>
    1-888-555-5555
</div>

<br>
</div>
<div id="footer">
    Copyright &copy; 2013 JavaJam Coffee House<br>
    <a href="mailto:zhawkins9468@gmail.com">zhawkins9468@gmail.com</a>
</div>
</div>
</body>
</html>
我发现你的代码有错。你有：

#wrapper { background-color: FFFFCC; }
应该是：

#wrapper { background-color: #FFFFCC; }
在您提供的代码中，Chrome的检查器将“ffffcc”报告为div#包装中背景颜色的无效属性值

在“ffffcc”前面添加“#”将使背景色有效，这将使其正确显示，而不是身体背景图像。如果这不能解决问题，很抱歉，但值得一试以防万一。

您的意思是图像不允许背景色通过吗？这种情况只发生在有透明度的图像上，而.jpg图像没有透明度。我想我无法理解you@DamienBlack-不，页面应该看起来像在背景上。在部分的右侧和底部有一个阴影，应该是页面颜色。图像应该看起来像它背后的一切。请注意，没有人会因为注释而感到困惑，在上面的代码中，他使用了一个.gif文件作为背景图像，可以是透明的。@Andy-背景图像位于CSS文件的主体选择器中。我认为应该位于图像顶部的背景色位于id包装中，也位于CSS文件中。很好的发现，兄弟！好了，谢谢！我多次不小心漏掉了那个小“#”。很高兴解决了这个问题！非常感谢你！这就是解决办法。我至少给了你一个答案，因为我必须给杰克B答案，因为他是第一个说的。再次谢谢你，谢谢！我也给了你一个 
#wrapper { background-color: #FFFFCC; }