概要
状態:-
閲覧数:2,467
投稿日:2016-01-13
更新日:2016-01-13
半透明borderは、16進数カラーコードではなくRBGAを使用
・枠線を透過させる
16進数カラーコードで半透明borderしたい
・RBGAではなく、16進数カラーコードで実装したい
※既に16進数カラーコードで色情報を保持しているため
調査した結果分かったこと
・16進数カラーコードで半透明borderすることは絶対に無理
・枠線を透過させる
.target { border-color: rgba(0,0,0,0.5); }
問題発生
16進数カラーコードで半透明borderしたい
・RBGAではなく、16進数カラーコードで実装したい
※既に16進数カラーコードで色情報を保持しているため
調査した結果分かったこと
・16進数カラーコードで半透明borderすることは絶対に無理
16進数カラーコードをPHPでRBGへ変換
コード
<?php
$colorCode = "RGB数値へ変換するカラーコード";
//「#******」形式でカラーコードを受け取った場合「#」を削除
$colorCode = preg_replace("/#/", "", $colorCode);
//「******」形式を、2つずつ「**」に区切る
//hexdec関数で変換して配列へ格納
$rgb["red"] = hexdec(substr($colorCode, 0, 2));
$rgb["green"] = hexdec(substr($colorCode, 2, 2));
$rgb["blue"] = hexdec(substr($colorCode, 4, 2));
?>
<div style="border:10px solid rgba(<?php echo $rgb['red']; ?>,<?php echo $rgb['green']; ?>,<?php echo $rgb['blue']; ?>,0.5);"></div>
html出力例
<div style="border:10px solid rgba(0,0,0,0.5)"></div>