Question

我在某些div之间有一个固定的元素（图像），问题在于某些分辨率元素未显示在页面底部（如果我全屏显示页面，我可以看到它）在我的分辨率上是可以的。

无论显示器的高度如何，如何定位要看的固定元件？

<div class="row">
        <div class="span5" onclick="showVideo(5);" style="cursor:pointer;">
            <img src="./preview/pre5.jpg" style="height:95px; width : 220px;">

            <div class="textu" id="prez" style="font-weight:bold;">
                Gothaer AD 2013
            </div>
        </div>

        <div class="span5" onclick="showVideo(6);" style="cursor:pointer;">
            <img src="./preview/ebay.jpg" style="height:95px; width : 220px;">

            <div class="textu" id="prez" style="font-weight:bold;">
                Ebay AD 2012
            </div>
        </div><img onclick="showAll();" src="./img/updown.png" style=
        "cursor:pointer;position:fixed;padding-left:8px;padding-top:33px;">

        <div class="span5" onclick="showVideo(7);" style="cursor:pointer;">
            <img src="./preview/silva.jpg" style="height:95px; width : 220px;">

            <div class="textu" id="prez" style="font-weight:bold;">
                Silva 2012
            </div>
        </div>

        <div class="span5" onclick="showVideo(8);" style="cursor:pointer;">
            <img src="./preview/balenaziua.jpg" style=
            "height:95px; width : 220px;">

            <div class="textu" id="prez" style="font-weight:bold;">
                Alfredo Foods TVC
            </div>
        </div>
    </div>

updown.png是元素！

Answer 1

如果希望图像始终可见，则需要设置图像相对于页面的位置：

例如，您可以在图片中添加以下css：

left:10%;
bottom:10%;

<强>演示：

http://jsfiddle.net/AS5a3/

固定元素因高度而未显示

1 个答案: