使用CSS，如何在首页设置背景色不影响子页的背景色
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了使用CSS，如何在首页设置背景色不影响子页的背景色相关的知识，希望对你有一定的参考价值。
使用hishop提供的模板，因为首页背景为白色，和产品图片颜色不相配，就增加了背景色，结果子页面的颜色都改了。请高手指点。我在其body....(增加)background:url(../images/bg-index.gif) repeat-x;background:#52030B;
有三种方法，一种是直接在首页的body标签上添加style="background:url(../images/bg-index.gif) repeat-x;background:#52030B;"
一种就和其他回答者的一样，
1、在样式页面添加一个.indexBodyStylebackground:url(../images/bg-index.gif) repeat-x;background:#52030B;
2、在首页的body标签中用class="indexBodyStyle"调用样式。
ps：要注意的是调用的这个样式要写在公共的body样式后面，因为如果在前面的话会被浏览器从上至下读取代码的原因把你设置的效果给覆盖了。
在一种就是子页面用其他的样式了，具体和第二条一样。追问
其实呢，可能是我没说明白，我修改的css文件，因为找不到index.html。谢谢啦
参考技术A 为首页body增加一个自定义样式，如.indexBodybody.indexBody
//这里放置背景图片
然后再修改首页的body标签，增加class属性：
<body class="indexBody">
其他主页面不做修改，这样就能达到你要的效果！追问
谢谢指教。修改后首页背景色白色。请看有什么错误。
body.indexBody
body...,"宋体";background:body.indexBody repeat-y;background:#52030B;
如何修改Eclipse代码区背景色
参考技术A 修改Eclipse代码区背景色方法：1.打开Eclipse，菜单栏，点击Window，点击preferences；
2.在左侧选择General-Editors-Test Editors;
3.在右侧下方,选择Background color,并点击取消右边System Default选择勾;
4.点击上方Color颜色值,更改颜色,点击规定自定义颜色;
5.设置自己想要的颜色,点击确定.;
以上是关于使用CSS，如何在首页设置背景色不影响子页的背景色的主要内容，如果未能解决你的问题，请参考以下文章