2017年3月

fixedした要素の横スクロールに対応する

ヘッダーを固定したい場合、position: fixed;を使用するが、position: fixed;をかけた要素は横方向にも固定され、スクロールバーでの移動に対応できない。 その為、JavaScriptでウィンドウのスクロールを監視し、fixedした要素のleftを設定する。 スタイルシート(ヘッダー固定) body { min-width: 980px; } #header { positi […]

画像に効果を設定するcss(ブレンドモード)

乗算やオーバーレイといった効果を画像に設定する。 background プロパティで複数の画像をカンマで区切ると、画像同士のブレンドも可能。 尚、IEには全般対応指定ないほか、Safariブラウザも効果タイプによっては対応していない。 body { background: #0bd url(beach-footprint.jpg) no-repeat; background-blend-mode: […]

管理画面にアクセスしようとすると「このページにアクセスするための十分なアクセス権がありません。」と表示される

管理画面にアクセスしようとした際に「このページにアクセスするための十分なアクセス権がありません。」というエラーが出てログインが出来なくなった。 エラーが表示された原因は、WordPressのデータベースを移行や書き換えの際に「接頭辞」を変更した事である。 ・作成済のデータベースと移行先に用意したデータベースの接頭辞が違ったので書き換えた ・エクスポートしたデータベースのsqlファイル内の文字が変換 […]