【问题标题】:flowplayer not positioning properlyflowplayer没有正确定位
【发布时间】:2011-12-07 16:30:24
【问题描述】:

我有这个结构:

<div slideshow>
    <div id=prev>
    <div id=next>
    <div>
        <img>
        <img>
        <a href="link_to_video">
    </div>
</div>

它会创建一个带有两个 img、一个 flowplayer 视频和两个箭头的幻灯片。

一切正常,但是当 prev 箭头结束时会出现视频。我是说: http://imageshack.us/photo/my-images/819/sinttuloipc.png/

视频的左侧应该从左箭头开始的位置开始,而不是在箭头结束时开始。箭头是float:left,我试过z-index比箭头更大,视频更低,把箭头放在视频之后,依此类推,但我无法让视频出现在主 div 的左侧。

对如何构造元素/样式有任何想法吗?

提前致谢!

【问题讨论】:

    标签: html css video slideshow flowplayer


    【解决方案1】:
    #slideshow {position:relative;}
    #prev {position:absolute; left:0; top:40%;}
    #next {position:absolute; right:0; top:40%;}
    

    你可以试试吗?

    【讨论】:

    • 我尝试使用绝对位置,但它以与现在相同的方式显示它:箭头上方的视频,因此无法更改为幻灯片中的另一个元素。
    • 它是 Flash 电影吗?然后看到stackoverflow.com/questions/1910738/…你应该把参数添加到你的flash电影中,按钮应该在顶部:)
    • 这是一部 Flash 电影,但不是我制作的。由于 flowplayer 插件,它是在执行时创建的,所以我无法添加参数。
    • 可以在flowplayer中添加参数,见static.flowplayer.org/forum/3/73053
    • 我也尝试过使用透明属性,但没有成功。最后,我拒绝了这个想法,我放了两张带有 position:fixed 的图片,看来问题已经解决了 :)
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2017-02-13
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-05-19
    相关资源
    最近更新 更多