こんにちわ☆
前にも教えてもらってたのにまだ使ってなかったので今日早速試してみようかと思います。

高知は今日もいい天気です☆
抜けるように空が青いです!
(2004年07月14日 10時09分09秒)

お取り寄せいいもの見つけたよ!

お取り寄せいいもの見つけたよ!

PR

×

購入履歴

【楽天ランキング1位】 ビタミンC KITEN キテン リポソームビタミンC サプリメント ビタミンC サプリ 2000mg 栄養機能食品 特許成分配合 高吸収 高濃度 持続型 医師監修 日本製 120粒 30日分
ファッション ブランド ブレアゾン Jun Yoshida デザイン イタリア製 牛革 フィレンツェ ネイビー ローズ ブラック 黒 ローズ グレー グレージュ GIOVANNI ジョバンニ【 トートバッグ 】VREASON ヴレアゾン 日本製 本革 トート バック A4 ファイル フォーマル ビジネス 雑誌 収納 ハンド バッグ バック カブセ 2本手 レディース レザー 本革 牛革 革 皮 人気 トレンド 使いやすい 機能的 充実 おしゃれ カラー きれい 可愛い かわいい 黄金比
ファッション ブランド ブレアゾン Jun Yoshida デザイン イタリア製 牛革 フィレンツェ ネイビー ローズ ブラック 黒 ローズ グレー グレージュ GIOVANNI ジョバンニ【 トートバッグ 】VREASON ヴレアゾン 日本製 本革 トート バック A4 ファイル フォーマル ビジネス 雑誌 収納 ハンド バッグ バック カブセ 2本手 レディース レザー 本革 牛革 革 皮 人気 トレンド 使いやすい 機能的 充実 おしゃれ カラー きれい 可愛い かわいい 黄金比
ファッション ブランド ブレアゾン Jun Yoshida デザイン イタリア製 牛革 フィレンツェ ネイビー ローズ ブラック 黒 ローズ グレー グレージュ GIOVANNI ジョバンニ【 トートバッグ 】VREASON ヴレアゾン 日本製 本革 トート バック A4 ファイル フォーマル ビジネス 雑誌 収納 ハンド バッグ バック カブセ 2本手 レディース レザー 本革 牛革 革 皮 人気 トレンド 使いやすい 機能的 充実 おしゃれ カラー きれい 可愛い かわいい 黄金比
令和5年産 玄米 30kg ななつぼし 北海道 送料無料 精米無料

カレンダー

プロフィール

か ず さ か

か ず さ か

サイド自由欄











2004年07月13日
XML


画像やテキストに半透明のフィルタを使う(1)


filter:progid:DXImageTransform.Microsoft.Alpha(★)  IE5.5以上対応
または
filter:alfha(★)                         IE4.0以上対応

★は 次の値を指定します
opacity     スタート地点の不透明度( 透明の0 ~ 不透明の100 ) 
          必ず指定する

finishopacity  終了地点の不透明度( 透明の0 ~ 不透明の100 )
          省略可能(指定しない場合は finishopacity=0 )

style       フィルタの種類( 0 ~ 3 )
          省略可能(指定しない場合は style=0 )
          style=0 は単一(グラデーションになりません)の半透明処理
          style=1 は線状(横方向)の半透明処理
          style=2 は放射線状の半透明処理
          style=3 は長方形の半透明処理

style=1~3の場合は スタート地点 と 終了地点の座標を追加指定可能です。
startx      スタート地点のX座標
starty      スタート地点のY座標
finishx      終了地点のX座標
finishy      終了地点のY座標

複数の値を指定する場合は 半角のカンマ( , )で区切ります。

下は背景画像を入れたセルに指定した例です。

表示する画像

opacity=100,finishopacity=5,style=2 のセルに使ったHTMLタグは
<TD style="filter:alpha(opacity=100,finishopacity=5,style=2);" width="150" height="150" background="http://から始まる背景画像のアドレス" align="center">opacity=100<BR>finishopacity=5<BR>style=2</TD>

このセルの背景(画像)は グラデーション処理 して表示しています 。
(表示する画像とテキストに影響がありません IE5.5以上対応)


 
style=0
style=1
style=2
style=3

opacity
100
opacity=100
style=0
無指定と同じ
(元画像)
opacity=100
finishopacity=5
style=1
opacity=100
finishopacity=5
style=2
opacity=100
finishopacity=5
style=3

opacity
75
opacity=75
style=0
opacity=75
finishopacity=5
style=1
opacity=75
finishopacity=5
style=2
opacity=75
finishopacity=5
style=3

opacity
50
opacity=50
style=0
opacity=50
finishopacity=5
style=1
opacity=50
finishopacity=5
style=2
opacity=50
finishopacity=5
style=3

opacity
25
opacity=25
style=0
opacity=25
finishopacity=5
style=1
opacity=25
finishopacity=5
style=2
opacity=25
finishopacity=5
style=3

opacity
5
opacity=5
style=0
opacity=5
finishopacity=95
style=1
opacity=5
finishopacity=95
style=2
opacity=5
finishopacity=95
style=3


今日の背景




人気ランキング







お気に入りの記事を「いいね!」で応援しよう

最終更新日  2004年07月14日 15時07分39秒
コメント(7) | コメントを書く


■コメント

お名前
タイトル
メッセージ
画像認証
上の画像で表示されている数字を入力して下さい。


利用規約 に同意してコメントを
※コメントに関するよくある質問は、 こちら をご確認ください。


Re:画像やテキストに半透明のフィルタを使う ☆★☆ 今日のページ背景(画像)はグラデーション処理 ☆★☆(07/13)  
西浜荘  さん
マタシテモ面白そうな
課題が出て来ましたね
やる気満々と言いたい所ですが
チョイト忙しくなってきました
ページの背景に使おうかしら (2004年07月13日 20時41分08秒)

Re:画像やテキストに半透明のフィルタを使う ☆★☆ 第75回オールスターゲーム イチロー選手 1番センターで先発出場決定 ☆★☆(07/13)  
kyarotomo 1118  さん
こんばんわ~~~。
さっそく、サンプル作ってくださったんですね。
やっぱりタグは、基本がわかっていないと自分の思い通りの物って作れないんですね。。。
ハ~~~ッ!(←ため息)
もっとお勉強しなくっちゃ。。。

これから、貼らせていただきます。
いつもありがとうございます。 (2004年07月13日 23時15分12秒)

Re:画像やテキストに半透明のフィルタを使う ☆★☆ 第75回オールスターゲーム イチロー選手 1番センターで先発出場決定 ☆★☆(07/13)  
カクテール  さん
こんばんは。
1つの画像が、いろんなふうに、かえられるんですね。
すごいです。 (2004年07月13日 23時56分39秒)

Re:画像やテキストに半透明のフィルタを使う ☆★☆ 第75回オールスターゲーム イチロー選手 1番センターで先発出場決定 ☆★☆(07/13)  
闘魂うさぎ  さん
うわー・・・きれいですね(^^)/!
やってみたいな~・・・できるかなぁ、ワタシに((((^^;)。

長嶋ジャパンはキューバを相手になんとか引き分けに持ち込みました。ヨシノブの執念が実を結んだかっこうです(^^)。

明日は録画しなくっちゃ~♪松井の晴れ舞台ですものね(^^)。 (2004年07月14日 00時04分10秒)

Re:画像やテキストに半透明のフィルタを使う ☆★☆ 第75回オールスターゲーム イチロー選手 1番センターで先発出場決定 ☆★☆(07/13)  

Re:画像やテキストに半透明のフィルタを使う ☆★☆ 第75回オールスターゲーム イチロー選手 1番センターで先発出場決定 ☆★☆(07/13)  
meiakira  さん
こんにちはぁ(*^_^*)

style別とopacity別に分けて図にすると見易いですね。
このタグは、左ページのどこかに書かれていますか?
この図を見れば一目瞭然で便利ですよね。 (2004年07月14日 10時45分01秒)

Re:画像やテキストに半透明のフィルタを使う ☆★☆ 第75回オールスターゲーム イチロー選手 1番センターで先発出場決定 ☆★☆(07/13)  
フィルタ、自分では出来ませんでした。
コピペから抜け出すことができない程度なのです。

このように一覧にしてくださるとわかりやすいですね。 (2004年07月14日 10時46分18秒)

【毎日開催】
15記事にいいね!で1ポイント
10秒滞在
いいね! -- / --
おめでとうございます!
ミッションを達成しました。
※「ポイントを獲得する」ボタンを押すと広告が表示されます。
x
X
Design a Mobile Website
スマートフォン版を閲覧 | PC版を閲覧
Share by: