Question

我正在尝试操作子页面和产品详细信息页面，只在顶部有一个非常小的图像。主要“索引”页面的外观是我希望看到的那个。

基本上我希望辅助页面上的图像仅显示图像的前300px，其余部分显示为灰色，这样您就可以看到产品和措辞与纯灰色的颜色

目前的主题是Home iQ

非常感谢

我已经使用以下代码编辑了主题css以获取我现在的位置：

html {

background-color: #ebe9dc; 50% 0;
background-size: cover;
}

body {
width: 100%;
height: 750px;
background: url(http://www.sharkdigitalthinktank.com/images_pete/weed_background3.jpg)                      no-repeat center;
background-size: cover;
}

Answer 1

尝试在辅助页面的body标签上添加一个类，如下所示：

<body class="secondary">
//HTML
</body>

然后在你的CSS中，在另一个body类之后添加以下类：

body.secondary {
  background-position: top;
  background-size: 100% 300px;
}

这是你想要做的吗？

子页面和产品详细信息页面的背景需要与索引不同

1 个答案: