前提・実現したいこと
写真に複数リンクを貼って移動させるコードに
CSSを追加したいです。
発生している問題・エラーメッセージ
画像全体にCSSを適用することはできましたが
指定した座標のリンクの範囲だけにCSSを適用することができません。
該当のソースコード
<style type="text/css"> img.hover{opacity: 0.5;} </style> <img src="https://www.gaea-field.com/wp-content/uploads/2019/01/test1.jpg" alt="サンプル" usemap="#sample"> <map name="sample"><area alt="リンク0" coords="138,316,543,487" shape="rect" href="https://api2.enscape3d.com/v3/view/484139a3-0da4-4e13-8381-e04c43dc9aec" /> </div>
<area alt="リンク1" coords="138,486,330,630" shape="rect" href="map1.html" /> <area alt="リンク2" coords="420,487,600,630" shape="rect" href="map2.html" /> </map>ご教示願います。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/06/27 02:05