サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
TGS2024
peace-machine.net
今日はハマッタ。 z-indexを指定してるのに指定したボックスが上に来ない。 イライラしながらあーでもない、こーでもないとCSSを書き換えていたのだが、ぐぐってみると「親要素にposition:relativeを指定している場合、z-indexが効かない」ということが判明した。 理屈があーだこーだ書いてあったが、そんなのは当然読む気もせず、ただただひたすらイラついた。 position:relativeなんて使わなければいいのだが、どうしても使わなくてはいけない理由があったので、更にいろいろ調べたり書き換えた結果、なんかよくわからんができた。 たぶん、下にもってきたいボックスのpositionをabsoluteにしたことで実現できたのだろう。 しかし、おかげでいろいろと書き直さなければいけない箇所が出てきてしまったが、やりたいことはできたので一安心。 それもこれも、変なデザインでHPを作
CSSで指定したmargin(paddingも?)がIE(オレはver.6)では問題なく表示されるのにFFやChromeだときかなくなってる。 いろいろ調べてみる。 原因はfloat。 それはわかってました。 なので、いつも<br clear=”all” />や次のCSSでclear:both;を使ってfloatを解除(まぁ、これは常にやるのですが)を入れて対処していたのですが、今回それをやっているにも関わらずきかない。 理由は、overflowでした。 FFやChromeはCSSを書かれたまま忠実に再現するのでズレや重なりが平気で表示される。 overflowはデフォルトの値がvisibleのため、ボックスからはみ出すものははみ出して表示されるのである。 今回のも、marginがきいていないのではなく、きいてはいるのだがはみ出して表示されているのできいていないように表示されてしまっていた
このページを最初にブックマークしてみませんか?
『peace-machine.net』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く