U-BOX/うさぎの小箱

FC2ブログのテンプレートを配布しています

  1. スポンサー広告
  2. [ edit ]

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。


  1. css
  2. tb: 0
  3. cm: 0
  4. [ edit ]

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)をDL、コピペなどして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^;;;


 


スポンサーサイト

  1. U-BOX_temp
  2. tb: 0
  3. cm: 0
  4. [ edit ]

*001_U-BOX-s

001_U-BOX-s




001_U-BOXスマートフォン用です。





  1. U-BOX_temp
  2. tb: 0
  3. cm: 2
  4. [ edit ]

*001_U-BOX-PC

001_U-BOX-PC



U-BOX のオリジナルテンプレートです。

2カラム。固定幅。750px。
記事部分auto ( 468px )。サイドバー18em ( 198px )。
font-size: 11px;




NEW ENTRY  | BLOG TOP |  OLD ENTRY

プロフィール

usagi

Author:usagi
FC2ブログへようこそ!

information

2015.2.8_23:12
管理人のみ閲覧のコメントを下さるみなさまへ

管理ページを見ることを忘れがちな管理人は 返事が遅れがちになることが多いため、ご注意下さい。

お急ぎの返信が必要なかたはカギなしでお願いします。
また、URL を記載していただくと、たすかります。

カレンダー

02 | 2012/05 | 06
- - 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 29 30 31 - -

ユーザータグ

* 



上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。