CSS背景使用时的位置:target

时间:2013-05-19 23:41:17

标签: javascript html css target background-position

好的,所以我已经做了一些环顾四周,找不到这个问题的足够好的答案。

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

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

我一直在努力让这个工作起作用但是这就是问题,我正在尝试制作背景图片,这是一个深蓝色的分隔线颜色,当展开链接是单击(使用:#header样式的目标)。

但我尝试过类似的事情:

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

但实际上移动背景图像的唯一方法是我这样做:

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

对此的任何帮助将不胜感激。由于我对该领域缺乏了解,我暂时停止使用Javascript;那个以及我希望加载时间成为主要优先事项的事实。

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

提前致谢。 - 詹姆斯

1 个答案:

答案 0 :(得分:0)

  

来自w3schools.com

     

定义和用法

     

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

     

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

Look at an example here

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