0

我希望这些单选框悬停在 div 的 topchoice 和 bottomchoice 上。我将更改 div "choicefirstleft" 和 "choicesecondleft" 的宽度，并且可能会发生宽度实际上达到 100% 的情况。正如您在 jsfiddle 的示例中看到的那样，只要宽度接近 100%，单选按钮就会向下移动......

我怎样才能实现这些按钮在彩色 div 上方？我没有头绪。

HTML：

<div id="results">
    <div id="topchoice">
        <div class="result">
            <?php echo $topresult; ?>
        </div>
        <div id="choicefirstleft">
            <label for="yes">Ja</label>
        </div>
        <input type="radio" id="yes" value="1" name="votingvalue"></input>
    </div>
    <div id="bottomchoice">
        <div class="result">
            <?php echo $bottomresult; ?>
        </div>
        <div id="choicesecondleft">
            <label for="no">Nein</label>
        </div>
        <input type="radio" id="no" value="2" name="votingvalue"></input>
    </div>
</div>

CSS：

 #topchoice{
        margin-top: 40px;
        overflow:hidden;
        background-color: #000;
        opacity: 0.9;
    }

    #bottomchoice{
        margin-top: 5px;
        overflow:hidden;
        background-color: #000;
        opacity: 0.9;
    }
    #choicefirstleft{
        width:30%;
        background-color:greenyellow;
        float:left;
        z-index: 1;
    }
    #choicesecondleft{
        width:99%;
        float: left;
        background-color: red;
        z-index: 1;
    }

    #results{
         font-size: x-large;
        width: 50%;
        margin:0 auto;   
        color: white;
        overflow:hidden;
    }

    #results input{
        float:right;


        z-index: 4;
    }

http://jsfiddle.net/K3Qgf/

4

1 回答 1

0

我做了容器

position: relative;

接着

position: absolute;

在单选按钮上（带有新类）

http://jsfiddle.net/K3Qgf/1/

于 2013-08-27T13:02:55.103 回答