0

奇妙な質問があります。div (コードは以下に提供されます) を作成しましたが、div 全体 (ボタンであるため) をクリック可能なリンクにしたいと考えています。私が抱えている問題は、私の div が 200x200 でなければならないということですが、その考えはページ全体に水平に広がっています。それは 200x200 部分のリンクのみであるべきですが、私が言ったように、ページの水平部分全体に 200 の高さがあり、ランダムな背景画像をクリック可能にします。div をブロックするように設定しようとしましたが、役に立ちませんでした。どうすればこれを解決できますか? 私のコードは次のとおりです。

#button {
    display: block;
    background-color: black;
    opacity: 0.9;
    width: 200px;
    height: 200px;
    margin-top: 100px;
    margin-left: 100px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

<a href="signup.php"><div id="button"></div></a>
4

4 に答える 4

2

を使用しdisplay: inline-block;ます。をまったく使用せずにこれを行うこともでき<div>ます。

http://jsfiddle.net/SLAfU/

于 2013-04-29T14:24:29.597 に答える
1

次の方法で行う必要があります。

#button {
    display: block;
    background-color: black;
    opacity: 0.9;
    width: 200px;
    height: 200px;
    margin-top: 100px;
    margin-left: 100px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

<a href="signup.php" id="button"></a>

HTML 4.01 では、アンカーにブロック要素を含めることができないためです。したがって、アンカーをブロック要素にするだけで、すべてが機能します。

HTML5 では、アンカーにブロック要素を含めることができるため、設定display: block;またはdisplay: inline-block;組み合わせで<!DOCTYPE html>十分です。

于 2013-04-29T14:24:41.763 に答える
0

この場合の正しい方法は次のとおりです。

<div id="button"><a href="signup.php"></a></div>

また

<div id="button" onclick="document.location.href='signup.php'" style="text-decoration:underline"></div>

w3c仕様を読んでください！インライン内にブロック要素を入れることはできません!!!

于 2013-04-29T14:46:52.790 に答える