背景透明化cssとプレビューツールの話です。

背景透過させてテキストは透明化したくない場合はRGBA表記する。
[html title=”html”]
<div class="box">てきすとは透明化したくないの!</div>
[/html]

[css title=”css”].box {
background-color: rgba(87,233,211,0.7);
color: #666;
padding: 10px; }[/css]

こんな感じ。

opacityで透明化させることも可能だけど全部透明化になってしまうので、rgbaが良い。

ちなみに、macのsafariだけかもしれないけどopacityでやるとテキストがかすれて綺麗にでないのはなんでだろ。

safariさんのレスポンシブデザインモードが素敵。

作業するときはsafariでやってるのですが、レスポンシブデザインモードがかなり使い勝手良いです。
IEモードも見れちゃう。

スマホの場合の横にした場合なんかも見られて素敵です。

以上、覚書でした。