Internet Explorer 8（IE8）で効かないcssプロパティ
* nth-child * nth-last-child * nth-of-type * nth-last-of-type * last-child * first-of-type * last-of-type * only-child * only-of-type
Coding
フロート回り込み解除（最新）
- 2016.10.24
- clearfix
/* フロート回り込み解除 .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .clearfix { zoom: 1; } /* IE6 */ *:first-child+html .clearfix { zoom: 1 […]
dl dt ddリストの横並びスタイル
dl { width: 500px; border: 1px solid #999; border-top: 0; line-height: 1.5; background-color: #666; overflow: hidden; } dt { float: left; width: 130px; padding: 10px; border-top: 1px solid #999; font- […]
css要素のデフォルトスタイル
html, address, blockquote, body, dd, div, dl, dt, fieldset, form, frame, frameset, h1, h2, h3, h4, h5, h6, noframes, ol, p, ul, center, dir, hr, menu, pre { display: block; unicode-bidi: embed } li { […]
リマーケティングタグ挿入時の隙間を無くす
- 2016.10.24
- リマーケティングタグ
スタイルシートに下記を挿入する。 iframe[name="google_conversion_frame"] { position:absolute; }
IE9でtableをdisplay:block;する
- 2016.10.24
- display:block, IE9, table
@media(max-width:640px){ table{ border-collapse:collapse; } th,td{ float:left; clear:both; } }
横並びリストを中央に寄せる
- 2016.10.24
- 装飾
ul { text-align: center; li { display: inline; } } ————- ul.ct{ left: 50%; margin: 0; position: relative; } ul.ct li { float: left; font-weight: bold; margin-right: 5px; left: […]
中央が浮き上がったようなシャドウを追加する
- 2016.10.24
- 装飾
.box { position: relative; } .box:before { content: ""; position: absolute; z-index: -1; left: 20%; right: 20%; top: 50%; bottom: 0; border-radius: 700px 700px 700px 700px / 70px 70px 70px 70px; box-s […]
2色ボーダー付きのタイトルを作成する
- 2016.10.24
- 装飾
◯タイトルテキストによって色付きラインの長さを変える場合 spanで色線の長さを可変させる <div class="hTitle"> <h3 class="heading"><span>事業内容</span></h3> </div> .hTitle { border-bottom: 3px solid #cccccc; he […]
リンクのクリックを無効にする
- 2016.10.24
- クリック
■css aタグのクラスに pointer-events: none; を設定。 反対に無効化したのを使用する際にはpointer-events: auto;を設定。 ——————– ■js $(function(){ $('a').click(function(){ return false; }) }); ※対 […]