0

通常の HTML Web サイトで背景画像を実行しています。背景画像に別のウェブサイトの 2 つのロゴを追加しました。透明な DIV と LINK を作成するにはどうすればよいですか? 自分の Web サイトのロゴのみの部分 ロゴをクリックするとホットスポットのようになり、新しいタブで開き、Web ページが表示されますか??? AnyHelp をいただければ幸いです。:)

これは、ボックスの CSS です。

#logobox1 {
    width: 114px;
    height: 28px;
    Left: 1850;
    top: 43;    
}
#logobox2 {
    width: 92px;
    height: 40px;
    left: 1857;
    top: 40;
}
4

1 に答える 1

1

<a>あなたが望むのはdivではなくアンカータグだと思います。

position: absolute;アンカー タグで絶対配置 を使用します。これが機能するためには、含まれている要素で相対位置を使用する必要がありますposition: relative;。次に、アンカー タグの表示を block に設定しますdisplay: block;。これにより、指定した寸法が受け入れられます。もちろん、これは画像の寸法になります。

それ以外は、それを含む要素の左上から正しい位置に移動するだけです。

http://jsfiddle.net/UHTPx/1/

HTML

<div class="container">
    <a class="hitbox" href="google.com" target="_blank"></a>
</div>

説明のために、各要素に境界線を追加しました。

CSS

.container {
    background: url('http://lorempixel.com/150/75/abstract/') no-repeat center center;
    border: 1px dashed #DEDEDE;
    height: 400px;
    margin: 0 auto;
    position: relative;
    width: 400px;
}
.hitbox {
    border: 1px dotted red;
    height: 75px;
    left: 50%;
    margin-left: -75px;
    margin-top: -37.5px;
    position: absolute;
    top: 50%;
    width: 150px;
}
于 2013-08-28T03:43:23.217 に答える