1

好的,所以我环顾四周,找不到这个问题的足够好的答案。

基本上我要做的是在单击按钮时最小化我的网站标题。

继承人的 CSS:http ://emstectest.site44.com/style.css

我一直在尝试让它工作,但这是问题所在,我正在尝试制作背景图像,这是一种深蓝色分隔线颜色,当单击展开链接时,将标题和正文分开(使用:target 在#header 样式上)。

但我尝试过类似的东西:

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

但真正移动背景图像的唯一事情是当我这样做时:

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

对此的任何帮助将不胜感激。由于我缺乏该领域的知识,我拒绝在这方面使用 Javascript;那以及我希望加载时间成为主要优先事项的事实。

另一个问题是:是否还有一种方法可以使用 -webkit- 为这个过程设置动画,或者我是否必须再次使用 Javascripting?

提前致谢。- 詹姆士

4

1 回答 1

0

来自 w3schools.com

定义和使用

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

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

看一个例子here

您的图像具有 440 像素的固定宽度,因此如果您尝试降低高度,则需要调整其比例。

于 2013-05-20T01:50:52.007 回答