Javascript 使用：target时的CSS背景位置

好的，所以我环顾了一下四周，找不到这个问题足够好的答案

基本上，我想做的是在点击按钮时最小化我的网站标题

以下是CSS：

我一直在尝试让它工作，但问题是，我正在尝试使背景图像，这是一种深蓝色分隔颜色，当单击展开链接时，它将标题和正文分开向上移动（使用#标题样式上的：target）

但我试过这样的方法：

#header:target { background-position: center -300px; }

但唯一能真正移动背景图像的是：

body { background: url (PATH) repeat-x center -300px; }

在此方面的任何帮助都将不胜感激。由于我缺乏这方面的知识，所以我在这方面没有使用Javascript；事实上，我希望加载时间是主要的优先级

另外一个问题是：是否还有一种方法可以使用-webkit来激活这个过程，或者我必须再次使用Javascripting

提前谢谢。 -詹姆斯

来自w3schools.com 定义和用法

带有#后跟锚名称的URL链接到文档中的某个元素。链接到的图元是目标图元

：target选择器可用于设置当前活动目标元素的样式

---

您的图像的固定宽度为440px，因此如果您试图降低图像的高度，则需要调整其比例。

仅使用css有点困难。您是否能够简化HTML以仅显示问题？这里是我所知道的与我所使用的

javascript

相去甚远的东西，但它非常小，所以不会影响加载时间。