css1.プロパティ・セレクタ とIE
css プロパティ,セレクタ,とは・・・
セレクタ { プロパティ:-----値----- }
css3プロパティを使えば、こんなことができる?!!
border-radius（角丸）
box-shadow（陰影）
border-image（ボーダー画像）
multiple background images（背景画像の複数指定）
linear-gradient( as background image)（グラデーション）
* IEでは適用されない！ >>> ケイタイ・スマホで利用(IE はまだ少数派らし？？)
* ただし、jsを使えば、IEでもある程度の効果を期待できる、らしい？
詳しくは以下サイトさま・・・
【Selectivizr】CSS3セレクタをIE（6～8）で使いたーい【万能】
IE6～8でもCSS3セレクタが利用できるツールの決定版「Selectivizr」
* 大ざっぱには、以下二つのjs(javascript)をＤＬ、コピペなどしてjsファイルを作りアプロード、
<head> にtagを記入する、、らし。
1.Selectivizr >>>
2.jsライブラリ･･･これは複数あるので、選択、組み合わせて使う。
jQuery >>> ・・・Google Libraries API が簡単らしい。(以下を< head > に記入するだけ ?!!)
>> < script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript">< / script >
他に、
Dojo >>>
Prototype >>>
ようするに、<head> には以下?!（ jQueryの場合 ）
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script >
<!--[if (gte IE 6)&(lte IE 8)]>
<script type="text/javascript" src="selectivizr.js"></script>
<![endif]-->
http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js を使うjs にあわせて変える。
** 注意点
CSSは外部ファイルに記述する,
ローカルでは動かない >> サーバにアップして動作確認
*** 結論を言えば、とってもめんどくさい!!!!
こんな言葉がある？ プログレッシブ・エンハンスメント
要するにChrome、Safari、Firefox等のモダンブラウザを使っている環境の整ったユーザーに対してはリッチなコンテンツを提供しようという考え方、
平たくいえば、IEなんか使っている人は、まあ、好きにやってください、というか・・・
IEユーザーが減れば、IEも考えるだろう、というか・・・^o^;;;
セレクタ { プロパティ:-----値----- }
css3プロパティを使えば、こんなことができる?!!
border-radius（角丸）
box-shadow（陰影）
border-image（ボーダー画像）
multiple background images（背景画像の複数指定）
linear-gradient( as background image)（グラデーション）
* IEでは適用されない！ >>> ケイタイ・スマホで利用(IE はまだ少数派らし？？)
* ただし、jsを使えば、IEでもある程度の効果を期待できる、らしい？
詳しくは以下サイトさま・・・
【Selectivizr】CSS3セレクタをIE（6～8）で使いたーい【万能】
IE6～8でもCSS3セレクタが利用できるツールの決定版「Selectivizr」
* 大ざっぱには、以下二つのjs(javascript)をＤＬ、コピペなどしてjsファイルを作りアプロード、
<head> にtagを記入する、、らし。
1.Selectivizr >>>
2.jsライブラリ･･･これは複数あるので、選択、組み合わせて使う。
jQuery >>> ・・・Google Libraries API が簡単らしい。(以下を< head > に記入するだけ ?!!)
>> < script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript">< / script >
他に、
Dojo >>>
Prototype >>>
ようするに、<head> には以下?!（ jQueryの場合 ）
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script >
<!--[if (gte IE 6)&(lte IE 8)]>
<script type="text/javascript" src="selectivizr.js"></script>
<![endif]-->
http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js を使うjs にあわせて変える。
** 注意点
CSSは外部ファイルに記述する,
ローカルでは動かない >> サーバにアップして動作確認
*** 結論を言えば、とってもめんどくさい!!!!
こんな言葉がある？ プログレッシブ・エンハンスメント
要するにChrome、Safari、Firefox等のモダンブラウザを使っている環境の整ったユーザーに対してはリッチなコンテンツを提供しようという考え方、
平たくいえば、IEなんか使っている人は、まあ、好きにやってください、というか・・・
IEユーザーが減れば、IEも考えるだろう、というか・・・^o^;;;
スポンサーサイト
- U-BOX_temp
- tb: 0
- cm: 2
- [ edit ]
*001_U-BOX-PC
001_U-BOX-PC
U-BOX のオリジナルテンプレートです。
2カラム。固定幅。750px。
記事部分auto ( 468px )。サイドバー18em ( 198px )。
font-size: 11px;
U-BOX のオリジナルテンプレートです。
2カラム。固定幅。750px。
記事部分auto ( 468px )。サイドバー18em ( 198px )。
font-size: 11px;
プロフィール
Author:usagi
ＦＣ２ブログへようこそ！
information
2015.2.8_23:12
管理人のみ閲覧のコメントを下さるみなさまへ
管理ページを見ることを忘れがちな管理人は 返事が遅れがちになることが多いため、ご注意下さい。
お急ぎの返信が必要なかたはカギなしでお願いします。
また、URL を記載していただくと、たすかります。
管理人のみ閲覧のコメントを下さるみなさまへ
管理ページを見ることを忘れがちな管理人は 返事が遅れがちになることが多いため、ご注意下さい。
お急ぎの返信が必要なかたはカギなしでお願いします。
また、URL を記載していただくと、たすかります。
最新記事
最新コメント
カテゴリ ・