我有这个结构:
<div slideshow>
<div id=prev>
<div id=next>
<div>
<img>
<img>
<a href="link_to_video">
</div>
</div>
它创建了一个幻灯片,其中包含两个img,一个流动播放器视频和两个箭头。
一切正常,但是当上箭头完成时视频会出现。我的意思是: http://imageshack.us/photo/my-images/819/sinttuloipc.png/
视频的左侧应从左箭头开始的位置开始,而不是在箭头结束时开始。箭头是浮动的:左边,我已经尝试过将z-index放大到箭头并降低到视频,将箭头放在视频后面,依此类推,但我无法设法让视频出现在主div的左边。
关于如何构造/设计元素的任何想法?
提前感谢!
答案 0 :(得分:0)
#slideshow {position:relative;}
#prev {position:absolute; left:0; top:40%;}
#next {position:absolute; right:0; top:40%;}
你能试试吗?