CSSの最近のブログ記事

参考: 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;」でも同様の事が起こるとは知らなかった。

OpenID対応しています OpenIDについて
Powered by Movable Type 5.12

アイテム

  • Bio_100% MUSIC CD BOX ペーパークラフトの作り方
  • Bio_100% MUSIC CD BOX ペーパークラフトの部品を並べてみた
  • Bio_100% MUSIC CD BOX キーボード&マウス
  • Bio_100% MUSIC CD BOX 中身を並べてみた
  • GBio_100% MUSIC CD BOX PC画面部分
  • Bio_100% MUSIC CD BOX 後景
  • Bio_100% MUSIC CD BOX 前景
  • RT @misachan_tw: 今Bio100%ははこうなってるのか…http://bio100.jp/
  • File001-2.jpg
  • File001.jpg

最近のコメント

このアーカイブについて

このページには、過去に書かれたブログ記事のうちCSSカテゴリに属しているものが含まれています。

前のカテゴリはC#です。

次のカテゴリはFlashです。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。