CSS:IE7でoverflow:hidden/scrollが無視されて突き抜けてしまうバグ overflow:hidden/scroll内にposition:relative要素があると、そのようになります。 <div class=”scroll”> <div class=”box”>&… ゴトーハック2014.09.19 1,394
inlune-blockの改行による空白をなくす 参考:display: inline-block; による隙間を消すCSS完全版 html { font-size: 100%; } //設定されていなければ設定する ul, li { margin: 0; paddin… Yukimi Satoハック2014.09.09 393
Safariでspanにposition:absoluteした要素がAjaxでバグる .num { position: absolute; top: 5px; right: 5px; min-width: 12px; line-height: 12px; padding: 0 2px; } このクラスは下… ゴトーハック2014.09.03 4,136
HTMLページをスライド表示する「Reveal.js」を使う Reveal.js ページ全体をプレゼン用スライド化するのに便利なライブラリです。 準備 Githubリポジトリからパッケージをダウンロードしましょう。 落としてきたファイルを展開し、css、js、lib、pluginフ… ゴトーハック2014.09.02 1,931
CSS:背景を蛍光ペンでマークしたようなテキスト装飾 CSSだけでテキストを蛍光ペンでマークしたような装飾を施すことができます。ランディングページなどでたまにみかけますね。 表示サンプルはこちら。 HTML <div> CSS:背景を<span class… haradaハック2014.08.25 196
SASSで「!default」を使う cssは通常後ろに書いた記述がどんどん上書きされていくため、sassを使いまわす際には下手すると膨大な上書きや変更が必要となり、元々の記述がどんなものだったのか、また後々使うときにゴリゴリに上書きしないと打ち消せなかった… Yukimi Satoハック2014.08.22 621
CSSで指定した長さ以上のテキストを「…」で省略する CSS <style> .textWrap{ width: 125px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } <… haradaハック2014.08.21 2,044
FireFox31.0から「:-moz-placeholder」が効かなくなる input:-moz-placeholder{ color: white; } placeholderの文字色を変更するcssハックですが、こちらがFirefox31.0(先日リリースされた新バージョン)から使えなくなっ… Yukimi Satoハック2014.08.08 242
テキスト選択色を変える「::selection」 ::selection{ background:#000000; color:#ffffff; } テキストを選択した時に、黒背景&白文字になります。 Yukimi Satoハック2014.07.30 258