色の操作：
取得したColorが透明かどうかを返す
HTMLから取得したColorが透明(あるいは未設定)かどうかをBool値で返す。
ブラウザによって、rgba(0,0,0,0) や 文字列 transparent が使用されている。
Color
HTMLから取得した色を渡す
●必須引数 ●オプション引数(省略可能)
記述例
$clrTransparent($getStyle('aDiv').backgroundColor)
戻り値
○透明の場合
・true を返す。
○不透明の場合
・false を返す。
動作サンプル
各部の色をチェックして出力する。
DIV 1
DIV 2
CSS :
#sample1 {
background: #8eb8bd;
& > div { //DIV 1 と DIV 2
border: 2px solid #fff;
&:last-child { //DIV 2 だけを上書き
background: #bd8e9e;
border-color: transparent;
}
}
}
Javascript :
var div1=$tag('div','sample1',0);
var div1Style=$getStyle(div1);
var aBool1=$clrTransparent(div1Style.backgroundColor);
var div2=$tag('div','sample1',1);
var div2Style=$getStyle(div2);
var aBool2=$clrTransparent(div2Style.backgroundColor);
var aBool2=$clrTransparent(div2Style.borderColor);
※上記のサンプルコードは主にPC表示用を想定している。スマホ用のコーディングでは別途調整が必要となる可能性がある。
※この関数の動作サンプルとして必須ではない装飾的なCSSコードなどは省略して提示している。
※この関数の動作サンプルとして必須ではない装飾的なCSSコードなどは省略して提示している。