参考: IE6 + CSS 『border-leftとpadding-bottom』の謎
まさにこの事象。
borderの太さの分だけ、反復する毎に左へずれていった。
たまたまIE6用のスタイルシートを編集している時に発生したので、「height: 1%;」を入れてやることで回避。
終わってしまえば実に簡単なのだが、応えに行き着くまでに1時間以上の時間を浪費した。ぐったり。
参考: IE6 + CSS 『border-leftとpadding-bottom』の謎
まさにこの事象。
borderの太さの分だけ、反復する毎に左へずれていった。
たまたまIE6用のスタイルシートを編集している時に発生したので、「height: 1%;」を入れてやることで回避。
終わってしまえば実に簡単なのだが、応えに行き着くまでに1時間以上の時間を浪費した。ぐったり。
<button>で代用した方が良さそう。
下記を参照。
takumadesign | CSS イメージボタン
IE6でもa要素以外に擬似クラスを適用させる方法について、jmblog.jpで紹介されていた。
これは非常に便利だと思う。
<div id="hoge">
<h3><a name="hogehoge">タイトル</a></h3>
</div>
※ h3は「text-index:-999em;」でテキストを画面外へ飛ばして、背景画像でタイトルを表示
上記だと、<a href="index.php#hogehoge">で呼んでもうまくリンクしてくれない。(そのページは呼び出されるが、ページ内の当該箇所へ移動してくれない)
~ 対応 ~
<div id="hogehoge" name="hogehoge">
<h3>タイトル</h3>
</div>
とすると解決。
「name」が付いているものを「display:none;」にするとリンクがうまく利かなくなるのは知っていたが、「text-index:-999em;」でも同様の事が起こるとは知らなかった。
最近のコメント