CSS
CSSだけで画像をモノクロ表示にすることはできるが印刷には表示されない
以下のクラス指定などをモノクロ表示にしたい画像につけることで、モニター上でカラー画像をモノクロ表示にすることができます。 .grayscale { filter: gray; -webkit-filter: graysc…CSSで印刷の改ページを制御する
Webページを印刷する際に、何も指定していなければ適当な位置で改ページされて表示されますが、以下の指定を行うことでCSSで改ページを制御することができます。 CSS例 .printBlock { page-break-a…フォントを綺麗に表示するCSS
AppleやGoogle、slackのフォントが綺麗に表示されているなあと思ってCSSを見ていたら以下の指定で滑らかな表示になるようです。 対応環境はまだ少ないですが、取り入れてるサービスを見ると今後スタンダードな指定に…IE8に効かない「::after」という指定方法
IE8用CSSハック と一緒に使うと幸せになれるかも？ css3の指定として「:after」があります。 ただ、このままだとIE8では中途半端に表示されてしまい、調整でモダンブラウザにも影響がいってしまったりもしますが …IE8用CSSハック
どうしてもIE8用にCSSハックが必要になってしまったので、あれこれ試して実際に使えたハックをメモ。 html>/**/body .tlImageBlock a { display /*\**/: inline \…「:after」を使って画像に透過ボーダーを設定する
scss a { display:inline-block; position: relative; } a:after{ border: 1px solid rgba(0, 0, 0, .1); position: a…IE用のグラデーション指定を解除する
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);