2011-10-27 8 views
0

イメージ(イメージマップのようなビット)上にある透明なリンクを作成しようとしていますが、何らかの理由でリンクに固定高さと幅を持たせることができませんそれは背景色です。それはイメージを隠すので理想的ではありません!リンクの高さと幅を設定します

残念ながら、リンクに背景色を与え、不透明度を0に設定するとjqueryアニメーションと衝突するため、これを行うこともできません。

どのようにすればいいですか?あなたは、外部の画像を使用したくない場合は、BASE64とCSSでそれを埋め込むことができ、背景として透明1x1のPNGを使用することができ

HTML

<a class="testlink" href="link.html">&nbsp;</a> 

CSS

.testlink { 
    position:absolute; 
    top:78px; 
    left:0px; 
    text-decoration:none; 
    display:block; 
    width:275px; 
    height:200px; 
    /* background-color:#333; inserting this into the styles give the link a width/height */ 
} 
+0

これをjsFiddle http://jsfiddle.net/77BDu/にコピーしました。リンクが幅と高さを持っているようです。コードを実行し、生成された要素を検査します。乾杯。 – iGbanam

答えて

2

-encoding

+1

サポートが必要なブラウザによっては、不透明度を0に設定することも考えられます。 – Flimzy

+0

言いましたが...これを試しましたが、他の無関係なjqueryアニメーションと衝突します。 – Tom

関連する問題