Question

我有这个页面http://myrender.altervista.org/show2.html

我使用float:right指令将5个按钮移动到右上角，然后停在这些按钮中的鼠标停止工作（在它工作的float:right之前）。

有HTML：

<div class="container">
    <div class="imgcontainer">
        <div class="latest">Ultimi Caricamenti</div>
        <img class="imgslide" src="" />
    </div>
    <div class="buttondiv">
        <div class="button" onclick="change(0); clearInterval(t);" id="p0"></div>
        <div class="button" onclick="change(1); clearInterval(t);" id="p1"></div>
        <div class="button" onclick="change(2); clearInterval(t);" id="p2"></div>
        <div class="button" onclick="change(3); clearInterval(t);" id="p3"></div>
        <div class="button" onclick="change(4); clearInterval(t);" id="p4"></div>
    </div>
</div>

并且有CSS类（仅需要）：

.button
{
    display:inline-block;
    height:10px;
    width:10px;
    background:#eee;
    border-radius:50%;
    cursor: pointer;
    opacity: 0.6;
}

.button:hover
{
    opacity:1.0;
}

.buttondiv
{
    margin-top: -17px;
    padding-right: 5px;
    float:right;
}

.buttonactive
{
    background:#1390cd;
    opacity:0.8;
}

.container
{
    width:592px;
    height:183px;
}

提前致谢：D

Answer 1

只需将position: relative;添加到.buttondiv或.button

即可

浮动的奇怪行为：右和css悬停

1 个答案: