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^;;;
- 関連記事
-
- css5.長さの単位
- css4.position
- css3.IEには使えない表記＿背景色・背景画像
- css2.ブラウザによって表記が違う
- css1.プロパティ・セレクタ とIE
スポンサーサイト
trackback
プロフィール
Author:usagi
ＦＣ２ブログへようこそ！
information
2015.2.8_23:12
管理人のみ閲覧のコメントを下さるみなさまへ
管理ページを見ることを忘れがちな管理人は 返事が遅れがちになることが多いため、ご注意下さい。
お急ぎの返信が必要なかたはカギなしでお願いします。
また、URL を記載していただくと、たすかります。
管理人のみ閲覧のコメントを下さるみなさまへ
管理ページを見ることを忘れがちな管理人は 返事が遅れがちになることが多いため、ご注意下さい。
お急ぎの返信が必要なかたはカギなしでお願いします。
また、URL を記載していただくと、たすかります。
最新記事
最新コメント
カテゴリ ・