1

私は、ユーザーがさまざまなアパートにカーソルを合わせて、すべてのエリアの横にあるツールチップ ボックスで価格などを確認できるプロジェクトに取り組んでいます。

私はこれに jquery+imagemapster を使用しています。ここでは、すべてのアパートがマップ上のエリアであり、これまでのところうまく機能しています。問題は、クライアントがツールチップを透明にしたいということです.divスタイルで「不透明度」を設定しても何も起こりません.主要なブラウザをすべて試しました. CSS の残りの部分はうまく機能し、不透明度は通常の div で機能しますが、ツールチップ内では機能しません。ツールチップの不透明度を設定するにはどうすればよいですか?

私のJavaScriptは次のようになります：

var image = $('#apartments1');
            image.mapster({
            toolTipClose: ["area-mouseout"],
            toolTipContainer: '<div style="border: 1px solid #ee6622; background: #FFFFFF; 
font-family:Arial; position:absolute; width:160px; padding:4px; margin: 4px;
 -moz-box-shadow: 0px 0px 7px #cc5511; ' + ' -webkit-box-shadow: 0px 0px 7px #cc5511; 
box-shadow: 0px 0px 7px #cc5511; -moz-border-radius: 6px 6px 6px 6px; 
-webkit-border-radius: 6px; ' +'border-radius: 6px 6px 6px 6px; opacity: 0.1;"></div>',
            clickNavigate: true,
4

1 に答える 1

1

私はあなたのために小さなデモを作成します ( jsFiddle )。コンテナのhtmlとcssをコピーしました。この場合、不透明度は機能しますが、ツールチップの不透明度を 10% に設定する問題も見られます。テキストもすべて 10% になります。これを変更するには、png を背景として使用するか、互いに独立した 2 つの div を使用して効果を得ます。

ところで:私は id を持つ div を挿入し、css ファイルで div のスタイルを設定します。そしてopacity: 0.1;、あなたがそれを見ることができなかった可能性があります。

于 2012-12-19T21:12:05.197 に答える