suzrinブログ
HTML,CSS,Javascript,Nikon D5000での撮影記録あとPCパーツ大人のゲームなどなど
[PR]
×
[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。
JQueryでIE6に対してCSS3のセレクタを使う!
JQueryの.css()でスタイルシートを要素に設定できますが、
DOMにアクセスしてstyle=""を生成、書き込んでいるってことなのか?
ブラウザで使えないCSSプロパティは使えない様子。
だけど、セレクタの方はJQueryの範疇なのでIE6でも使えます
特に便利なのがnth-childとかですかね
("*:nth-child(n+1)").css("propaty","value")
とかねっ
DOMにアクセスしてstyle=""を生成、書き込んでいるってことなのか?
ブラウザで使えないCSSプロパティは使えない様子。
だけど、セレクタの方はJQueryの範疇なのでIE6でも使えます
特に便利なのがnth-childとかですかね
("*:nth-child(n+1)").css("propaty","value")
とかねっ
PR
幻月のパンドオラのバナーキャンペーン!
参加賞の壁紙が届きました!ぃぇぃ
たまらんです!
すばらしい!
GJ
あと、しろつばきはっそうめるきぃやおいさがl-------
たまらんです!
すばらしい!
GJ
あと、しろつばきはっそうめるきぃやおいさがl-------
夏に奏でる僕らの詩と恋色空模様が3月26日発売予定
掲題通り、夏に奏でる僕らの詩と恋色空模様が3月26日発売予定なのですが
今年は一ヶ月で1本しか買わないって決めたのに早くもピンチ!
ちなみに
一月はairy[F]airyだけ
二月はかしましコミュニケーションだけの予定
で順調に来ていたのに・・・
しかも前日は天神乱漫PSP版が発売予定だしorz
かみさまもあきれるような!
今年は一ヶ月で1本しか買わないって決めたのに早くもピンチ!
ちなみに
一月はairy[F]airyだけ
二月はかしましコミュニケーションだけの予定
で順調に来ていたのに・・・
しかも前日は天神乱漫PSP版が発売予定だしorz
かみさまもあきれるような!
JQuery版LightBox
忍者の広告のせいだと思うんだけど
オーバーレイの灰色バック、画面下まで届かない!
のに気が付いてjsファイル改造するのに15分近く悩んだorz
取りあえず画面の高さ取得する変数がオーバーレイの高さの関数の引数に入ってる行見つけて
そこに50px足しておいた
スクロールバーが出てないページでスクロールバーが出るようになっちゃうけどまぁいいか・・・
オーバーレイの灰色バック、画面下まで届かない!
のに気が付いてjsファイル改造するのに15分近く悩んだorz
取りあえず画面の高さ取得する変数がオーバーレイの高さの関数の引数に入ってる行見つけて
そこに50px足しておいた
スクロールバーが出てないページでスクロールバーが出るようになっちゃうけどまぁいいか・・・
ブロック要素内でテキストを縦中央に配置する方法
どっかで読んだの忘れないうちにメモ
上手く動くかどうかは未確認
a {
display : block ;
}
とかしたときに、縦方向中央にそろえたいことがあるはず!
見もふたもない話
display : table-cell;
vertical:align;
を使う
IEに対応させるために
display : inline-block
zoom:1;
で上手くいくらしい
overflowかけられなくなるのが弱点なのですね
上手く動くかどうかは未確認
a {
display : block ;
}
とかしたときに、縦方向中央にそろえたいことがあるはず!
見もふたもない話
display : table-cell;
vertical:align;
を使う
IEに対応させるために
display : inline-block
zoom:1;
で上手くいくらしい
overflowかけられなくなるのが弱点なのですね
Pushpin HeaderというCSSテクニック
ピンでテーブルヘッダーを止めたように固定してボディ部分だけをスクロールするテクニックの一つなんですがこれは凄い。
<div id="a">
<div id="b">
<table>
<thead></thead>
<tbody></tbody>
</table>
</div>
</div>
で、#aに[padding-top]でスペースを作ってそこに[thead]を[position:absolute:]で放り込むという原理なんですが、テーブル内にややこしい設定とか余分なhtml書かなくて良いのが非常にクール
で、最小構成でcss書いたのを表示したらやっぱりIEで崩れる
ウワァァァァンヽ(`Д´)ノ
cssハックが必須なのが弱点ですね・・・・
http://codylindley.com/blogstuff/css/pushpin/pushpin.html
<div id="a">
<div id="b">
<table>
<thead></thead>
<tbody></tbody>
</table>
</div>
</div>
で、#aに[padding-top]でスペースを作ってそこに[thead]を[position:absolute:]で放り込むという原理なんですが、テーブル内にややこしい設定とか余分なhtml書かなくて良いのが非常にクール
で、最小構成でcss書いたのを表示したらやっぱりIEで崩れる
ウワァァァァンヽ(`Д´)ノ
cssハックが必須なのが弱点ですね・・・・
http://codylindley.com/blogstuff/css/pushpin/pushpin.html
カレンダー
01 | 2025/02 | 03 |
S | M | T | W | T | F | S |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
ブログ内検索
ツイッター
フリーエリア
18歳未満には不適切な内容がある場合が有ります閲覧にはご注意ください。
詳しくはりーどみーをご覧くださいお願いします
blogに関する連絡はこちらまで"suzrinあっとまーくmail.goo.ne.jp"
blogに関する連絡はこちらまで"suzrinあっとまーくmail.goo.ne.jp"
カテゴリー
最新記事
(09/15)
(07/25)
(04/24)
(03/08)
(02/06)
(01/22)
(11/19)
(06/01)
(05/09)
(05/07)
最新トラックバック
カウンター