IE6不具合
2011.02.22 Tuesday
PHPのシステムが、IE6で一部きちんと動かないところがありました。
・ボタンをクリックしても次のページに遷移しない。
以下のように書いているのが原因でした。
<li class="back"><a href="javascript:void(0);" onClick="return_submit();" class="back" >戻る</a></li>
clickイベント時の「return_submit」の中でformをsubmitしているのですが、
画面が遷移しません。
IE6では、falseを返さないと画面遷移しないそうです。
なので、
<li class="back"><a href="javascript:void(0);" onClick="return_submit();return false;" class="back" >戻る</a></li>
と書き換えて対応しました。
・スタイルを使って、ボタンのマウスオーバーなどをしていたが、画像がちらつく。
このようなボタン画像をcssで使っていました。

hoverで画像の位置を変えてマウスオーバーを表現しています。
どうしてもちらつくので、ボタンの後ろにさらに背景としてボタン画像を表示するようにしました。
<li class="back"><a href="javascript:void(0);" onClick="return_submit();return false;" class="back" >戻る</a></li>
<li>の背景にボタン画像を指定。
Flexでの開発が多いのでブラウザの違いを意識していなかったので
今回は勉強になったと思います。
・ボタンをクリックしても次のページに遷移しない。
以下のように書いているのが原因でした。
<li class="back"><a href="javascript:void(0);" onClick="return_submit();" class="back" >戻る</a></li>
clickイベント時の「return_submit」の中でformをsubmitしているのですが、
画面が遷移しません。
IE6では、falseを返さないと画面遷移しないそうです。
なので、
<li class="back"><a href="javascript:void(0);" onClick="return_submit();return false;" class="back" >戻る</a></li>
と書き換えて対応しました。
・スタイルを使って、ボタンのマウスオーバーなどをしていたが、画像がちらつく。
このようなボタン画像をcssで使っていました。

hoverで画像の位置を変えてマウスオーバーを表現しています。
どうしてもちらつくので、ボタンの後ろにさらに背景としてボタン画像を表示するようにしました。
<li class="back"><a href="javascript:void(0);" onClick="return_submit();return false;" class="back" >戻る</a></li>
<li>の背景にボタン画像を指定。
Flexでの開発が多いのでブラウザの違いを意識していなかったので
今回は勉強になったと思います。