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

楽天カード

購入履歴

カレンダー

プロフィール

かずさか

フォローする

カテゴリ

楽天ｔｏｔｏ

(1)

サイド自由欄

< 新しい記事

新着記事一覧(全5054件)

過去の記事 >

2004年07月13日

画像やテキストに半透明のフィルタを使う（１）　☆★☆　第７５回オールスターゲーム　イチロー選手　１番センターで先発出場決定　☆★☆

(7)

テーマ：ＭＬＢ松井選手・イチロー選手情報(500)

カテゴリ：ＭＬＢオープン戦他

画像やテキストに半透明のフィルタを使う（１）

filter:progid:DXImageTransform.Microsoft.Alpha(★)　　ＩＥ5.5以上対応
または
filter:alfha(★)　　　　　　　　　　　　　　　　　　　　　　　　　ＩＥ4.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　　　　　　スタート地点のＸ座標
starty　　　　　　スタート地点のＹ座標
finishx　　　　　　終了地点のＸ座標
finishy　　　　　　終了地点のＹ座標

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

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

表示する画像

opacity=100,finishopacity=5,style=2　のセルに使ったＨＴＭＬタグは
<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>

このセルの背景（画像）はグラデーション処理して表示しています。
（表示する画像とテキストに影響がありません　ＩＥ5.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