投稿日： 2017年4月27日

簡単な背景画像のパララックス

jquaryをリンクさせる htmlファイルでsection毎に背景画像を設定 cssにて。

width:100%;
background:url()center center no-repeat fixed;
background-size:cover;

fix cover あとはsectionにmin-height(任意)

: cssでlistのborderを斜め線にする

このサイトのメニューでも使ってますが、やってみたかったけどなかなか方法が見つけられなかったリストの区切り(border)を直線でなく斜め線にする方法。まずはHTMLでメニュー作成普通にリストで作成 ...

: cssで作るタイトルやテキストの装飾色々メモ

タイトルの背景を斜めボーダーにしたい斜めボーダー背景。色の組み合わせで色々な雰囲気がつくれる。ただ、背景に柄が入ると中のテキストが読みにくくなるので、色は注意！ HTMLは入れ子にしています。 ...

: display:flexを使った時のIE10のバグに対応する

display:flex;を使った時、IE11では問題なくてもIE10で見ると色々な不具合が生じることが多い。例えば、このサイトのレイアウト。クロームで見るとこんな感じまぁまぁ均等に並んでいるように見 ...

: サイトのタイトルを画像置換する方法

よくやり方忘れてしまうのでメモ。サイトのタイトルをh1とかで記述した場合それを画像置換するための方法は色々あって評価が分かれるので現時点でいいなと思っているものを。まずはhtml <h1 ...

: tableのwidth幅指定のメモ

サイト制作している時、時々テーブルを使うけどIEやfirefoxでwidth指定がきかなかったので対応のメモ。 thやtdに対して幅を指定する場合 Chromeならcalc();が使えるけど、IEで ...

タグ

name:ユズム
作業時間は平日9：30～17：00です。

最近の投稿