ドゥアイネットのプログラマー、湯川が開発日記を綴ります。

CALENDAR
S M T W T F S
1234567
891011121314
15161718192021
22232425262728
293031    
<< December 2019 >>
ARCHIVES
CATEGORIES
<< 年号クイズ | main | トラブル対応 >>
IE6不具合
 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での開発が多いのでブラウザの違いを意識していなかったので
今回は勉強になったと思います。
| PHP | 18:46 | comments(0) | - |
コメント
コメントする