忍者ブログ
Flex,Java,Html など、調べた事のメモ帳です。 間違ってたらゴメンなさい。
×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

CSS3を使ってグラデーションを作るとき、IEの場合はIE独自のfilterを用います。

IE5.5以上で有効なので、ほぼもれなく対応できます。

filter: progid:DXImageTransform.Microsoft .gradient(GradientType=0,startColorstr='#ffffffff', endColorstr='#ffdddddd');

GradientTypeが【引数】で、startColorstrは【開始の色】、endColorstrは【終了の色】です。

引数「GradientType」は、縦方向のグラデーションなら【0】、横方向のグラデなら【1】をいれます。

色の番号は通常の6ケタに、2ケタ加えた8ケタです。

最初の2桁は色の透明度の指示です。

00(透明)〜FF(不透明)。

【#FFFFFFFF】なら、【FF(不透明)】+【FFFFFF(白)】という意味になります。

 

Webkit系(Chrome、Safari)の

background: -webkit-gradient(linear, center top, center bottom, from(#FFFFFF), to(#DDDDDD));

mozilla系(Firefox)の

background: -moz-linear-gradient(top, #FFFFFF, #DDDDDD);

と一緒に使えば、既存のブラウザはほぼ対応できます。

この記事にコメントする
name
title
color
mail
URL
comment
pass   Vodafone絵文字 i-mode絵文字 Ezweb絵文字
secret (チェックを入れると管理人だけに表示できます)
ブログランキング
にほんブログ村 IT技術ブログ IT技術メモへ
 
カレンダー
09 2017/10 11
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
29 30 31
人気ブログランキング
ブログランキング ブログランキング
最新CM
最新TB
ブログ内検索
PR
ATOM  
ATOM 
RSS  
RSS 
Copyright ©   プログラムメモ   All Rights Reserved
Design by MMIT  Powered by NINJA TOOLS
忍者ブログ [PR]