【发布时间】：2013-05-19 23:41:17
【问题描述】：
好的，所以我环顾四周，找不到这个问题的足够好的答案。
基本上我要做的是在单击按钮时最小化我的网站标题。
这是 CSS：http://emstectest.site44.com/style.css
我一直在尝试让它工作，但问题出在这里，我正在尝试制作背景图像，这是一种深蓝色分隔线颜色，当展开链接打开时，将标题和正文分开单击（在#header 样式上使用 :target）。
但我尝试过类似的方法：
#header:target { background-position: center -300px; }
但真正移动背景图像的唯一事情是当我这样做时：
body { background: url (PATH) repeat-x center -300px; }
对此的任何帮助将不胜感激。由于我缺乏该领域的知识，我拒绝在这方面使用 Javascript；以及我希望加载时间成为主要优先事项的事实。
除此之外的另一个问题是：是否还有一种方法可以使用 -webkit- 为这个过程设置动画，或者我是否必须再次使用 Javascripting？
提前致谢。 - 詹姆斯
【问题讨论】：
-
只使用 css 有点困难。您是否能够简化 HTML 以仅显示问题？这是我到目前为止所了解的jsfiddle.net/78wW7/1 我正在使用
javascript但它非常小，因此不会影响加载时间。
标签： javascript html css target background-position