在css中的背景类多个背景

嗨，我刚刚开始投资一些时间在CSS和HTML，所以我的问题可能是太基本的这个论坛，但因为我一直在搜索相当一段时间没有找到一个合适的答案，我想在这里试试我的运气。我想要实现的是多个页面，每个页面都有不同的背景图片。在css中的背景类多个背景

在HTML端我用这个：

<!doctype html> 
<html> 
    <head> 
    <meta charset="utf-8"> 
     <title> Page02 </title> 

     <link rel="stylesheet" href="css/normalize.css"> 
     <link rel="stylesheet" href="css/main.css"> 


    </head> 


    <body class="one"> 
      </body>

在CSS方面应该呼吁这样的：

body.one { 
    background-color: #999; 
color:white; 
background-image: url("Images/backgrounds/Background02.jpg");

}

我最近才开始，所以我可能以错误的方式去做。任何帮助将不胜感激。

来源

2016-05-17 Euronymus

的确切路径，如果你使用jsbin链接或你正在寻找的一些例子这将是有益的。 – toobulkeh

谢谢，但我的问题是我的main.css在一个文件夹（css/main.css）中，并且很明显我的背景图像的路径不能位于存储我的样式表的相同级别或更高级别的文件夹。因此，我要解决下一个问题。尽管如此，谢谢你的快速回复。 – Euronymus

如果您的问题本质上是“这是正确的吗？”那么我的答案差不多。

我建议在您的<body>标签上使用id而不是类。仅在确定要在两个或多个元素上使用完全相同的样式时使用类，而在唯一元素上使用ids则为唯一样式。

来源

2016-05-17 12:53:45 SpyderScript

不会剥夺我在此页面上进一步使用“id”（对于前者的div）。我是否应该在另一个页面上使用相同的背景（没有提到问题，只是想知道）正在使用类更适合的身体？ – Euronymus

没错，如果你在身体上使用了'id =“one”'，那么你就不会在任何其他元素上使用相同的id，但至少你会正确使用id。如果您在您的身体上使用'class =“one”'，然后在您的css中应用'body.one {}'样式，那么您正在使用一个类作为唯一元素，效率不高。 – SpyderScript

我认为你犯了一个错误在提供给你的图像或main.css的

来源

2016-05-17 13:20:22 Dharmesh

在css中的背景类多个背景

回答

相关问题