IE で、透明なオーバーレイ要素に mouseover 、 mouseout イベントが発生しない - IT戦記
はじめに IE では透明なオーバーレイ要素のマウスイベントのハンドリングがおかしい たとえば 以下のページで表示されている要素には透明な div がオーバーレイされています。そして、その要素に mouseover が発生すると背景を青くしています。 試してみてください。 IE では、想定の挙動ができていないことが分かると思います。 http://amachang.sakura.ne.jp/misc/mouseoutover/ ソースコードは以下。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Test</title> <style> p { border: solid 10px gray; background: pink; padding: 10px; margin: 10px; line-height: 2; }
サブログ CSS
[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。 昨日のエントリーでiepngfix.jsを使った～と言っていましたが、コーディングを進めていくうちに難題が発生。 正確にはiepngfix.jsではなくAlphaImageLoaderの方の不具合なんですが、AlphaImageLoaderを適用したブロック要素が内包するaタグが動作しなくなるっていう（；´д｀） 原因はどうやらAlphaImageLoaderの仕様にあって、ブロック要素の上から被せるようにPNG画像をレンダリングするため、そのブロック要素が内包するaタグがクリック出来なくなる（当然:hover擬似クラスも無効）ようです。 つまり解決策としては、AlphaImageLoaderを適用したブロック要素よりも、内包されるa要素の方が、重なり合い上で前面に来ればいい、と
Internet Explorerのz-indexがおかしい
Windows XP SP3 で Internet Explorer 8 中に遭遇しました。 画像の上にdiv要素をオーバレイしたときに、div要素のbackground-colorありなしで、前面に来る要素が異なります。 以下、サンプルコードです。画像をクリックすると、前面にきている要素名が返されます。 Firefox3.5, Opera9.64, Google Chrome2.0.172.30, Safari4では、左右どちらをクリックしてもDIVが返されるのに対して Internet Explorer 8では、左がIMG右がDIVを返します。両方とも、DIVを返すべきだと思います。 <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http:
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
