CSS で指定した submit ボタン画像 background が IE のみ効かなかった
IE8 で、私のPCの IE8 だと全く何の問題も無かったのだけれど、だんなの同一バージョンの IE だと、「CSS で指定している submit ボタンに対する background 画像 が表示されない」という不具合が発生した。
原因は謎だけれど下記で解決した。
不具合のあったソース
body#detail #pwreset-submit, body#detail #pwchange-submit { cursor: pointer; border: none; color: #fff; font-size: 13px; font-weight: bold; height: 40px; width:200px; background-image: url(/images/green_submitbtn.png); }
修正したソース
↓こちらのとおりにしたら直った。transparent が必要だったのかも。
http://jc-designs.net/blog/2009/08/background-image-on-submit-button-in-ie6/
body#detail .buy_submit_btn { cursor: pointer; border: none; color: #fff; font-size: 13px; font-weight: bold; height: 40px; width:200px; background-image: url(/images/green_submitbtn.png); background-color: transparent; /*gets rid of the white background color that is there by default*/ background-repeat: no-repeat; _display: block; /*don't ask, but this gets rid of the dash in IE7 and 6*/ }