５丁目通信（仮称）

CSSのbackground-imageで指定した画像で背景が表示できます。ieやfirefoxで背景が表示できても、appleのSafariやgoogleのchromeで表示できない場合があります。例えば、

とかして、幅と高さをCSSで指定した実体のないリンクに背景を表示する場合です。この場合は、背景の画像をボタンとしてクリックするとonClickで指定したjavascriptのコードが呼ばれることを期待します。本来なら実体のないリンクでIEやFirefoxで背景が表示されるのが問題ですし、背景画像をボタンにするものおかしいですが、あるJavascriptのライブラリが背景ボタンとしていますのでしかたありません。

解決方法は、単純に何かを実体として置いてあげればよいのです。つまり、

などして、１ドット四方の画像をリンクさせてしまいます。これでSafariとChromeでも背景画像がボタンになります。