0

この問題のために、私は何時間も完全に立ち往生しています。containerlink の前に動的に作成されたフラグメントが挿入されている divがありますbutton。ただし、リンクは表示されません。リンクを<input type="image">またはに変更する<input type="button">と、表示されます。リンクを表示させる唯一の方法は、絶対配置を使用することですが、それでは他のすべてが壊れてしまいます。

これはHTMLです

<div id="container">
    <a href="#" id="button" onClick="function();"></a>
</div>

これが私のCSSです

#container {
    display: none;
    background: url(../img/background.png) top left repeat;
    text-align: center;
    padding-top: 55px;
    padding-bottom: 68px;
    width: 100%;
}

#button {
    margin: 10px;
    width: auto;
    height: 40px;
    background: url(../img/button.png) no-repeat bottom;
    background-size: 100% 100%;
}

#button:hover {
    background: url(../img/buttonpress.png) no-repeat bottom;
}

誰がこれを引き起こしているのか知っていますか?

4

2 に答える 2

2

display: block;リンクを試してみてください。

于 2013-09-07T15:20:37.753 に答える
-1

私の知る限り、CSS はクラスで動作します。したがって、このコードを変更します。

<div id="container">
<a href="#" id="button" onClick="function();"></a>
</div>

に

<div id="container">
<a href="#" class="button" onClick="function();"></a>
</div>

それは完全に機能するはずです。編集:また、display:noneも削除します。

于 2013-09-07T15:22:35.470 に答える