HP全体、リンクの箇所にカーソルを持って行くとバックの色が変わるように設定をしています。
(a:hover の background-color を設定)
しかし、一部のロゴ画像で、背景が透明色のものがあり、そのロゴ画像にリンクを貼ると、画像までロゴのバックが変わってしまいます。
ロゴの画像は、ロゴの下に写真を配置しているため、透明色を白に加工しなおすことができません。
この画像にマウスをおいても、背景が変わらないように(下の写真が見えているように)したいのですが、よい方法がありますでしょうか。
何かございましたら、ご教授下さい。
よろしくお願い致します。
No.2ベストアンサー
- 回答日時:
ここでは、ソースを提示して質問した方が正しく解決できるでしょう。
#1さんの詳細度(CSS)が分からなければ、
アンカーに直接classを付与してimportant指定するしかないです。
a.trans:hover{background-color:Transparent !important;}
<a href="#" class="trans"><img /></a>
ありがとうございました。
できました!!
詳細度は・・・よくわかりませんでした・・・。
勉強します。。
ありがとうございました。
No.1
- 回答日時:
a:hover{}でしたら、詳細度は、[0,0,1,1]ですから、子孫セレクタか何かを使って、詳細度をそれより上げればよいだけです。
カスケーディングスタイルシートの「カスケーディング」を使います。CSSの命と言っても良い重要な部分です。そのリンク部分のDOMツリーを教えてください。
BODY
|-- DIV.header
|-- DIV.nav
|-- OL
|-- LI
|-- A
|-- IMG
とか・・
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Illustrator(イラストレーター) 会社の名刺作成時にロゴを配置する方法 3 2023/06/06 18:06
- HTML・CSS CSSでサイトの背景に画像を組み込みたいのですが反映されません 2 2022/11/22 16:21
- WordPress(ワードプレス) 【Wordpress】headerの上に文字 4 2022/09/11 14:52
- HTML・CSS 画像が分割されて切り替わる、ループアニメーションが作りたい 7 2023/05/27 17:12
- HTML・CSS svgクリップパスの応用コーディング方法 2 2022/04/09 09:07
- その他(ソフトウェア) ペイントで切り抜いた画像の背景を透明に 2 2022/09/15 10:20
- デスクトップパソコン パソコンにエラーメッセージが出る 起動順の変更ができない 3 2023/04/11 18:24
- 写真・ビデオ マイナポイントの申請ではじかれた(写真背景問題) 8 2023/02/26 12:45
- JavaScript ローディングアニメーションのロゴがページを読み込んだ後でも消えません 1 2022/09/20 21:50
- Photoshop(フォトショップ) 【至急】 ウェブサイトやアプリとかでよく見かける、添付画像のように背景にあるものをぼかしつつ透過する 2 2023/07/17 10:57
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
PowerPoint VBA で画像の鮮明度...
-
EXCEL VBA 複数のImageコントロ...
-
画像処理したBitmapをピクチャ...
-
同じ画像を複数回表示させる
-
OpenCVで出力を24bitのbmpにす...
-
gif 画像上の ボタンに リン...
-
背景画像の繰り返しについて
-
VB6での画像のサイズ変更に関して
-
UWSC 画像認識で条件分岐
-
jpgファイルの内容を比較したい...
-
画像の2次元フーリエ変換の結...
-
エクセルのマクロでコンタクト...
-
「問題も答えも画像」のクイズ...
-
svgクリップパスの応用コーディ...
-
画像の一部だけが点滅する画像...
-
【VBA】Excel2016で画像を一括...
-
vb.net 画像の透過について
-
マウスオーバーで画像の一部を...
-
複数枚画像の合成
-
UWSCを使った画像認証マク...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
【EXCEL VBA】ダブルクリックで...
-
背景画像の繰り返しについて
-
EXCEL VBA 複数のImageコントロ...
-
「using Windows」でエラーが出る
-
jqueryスライダーを2段でスライ...
-
画像のピクセルデータの取得
-
ImageMagickでgif画像の一部が...
-
Excel ユーザーフォームで表示...
-
uwcs のマクロで画像認識をして...
-
uwscの画像認識に失敗します。
-
vb.net 画像の透過について
-
VBA シート毎に画像挿入
-
UWSC 画像判定と条件分岐について
-
UWSC「画像が無い場合」
-
gif 画像上の ボタンに リン...
-
Pythonでgif画像が上手く作れない
-
VBAのユーザーフォームのイメー...
-
UWSC 画像認識で条件分岐
-
パネルに画像
-
【WPF】画像の切り替え
おすすめ情報