ドットインストール代表のライフハックブログ
![IDEA * IDEA](https://cdn-ak-scissors.b.st-hatena.com/image/square/61c3ce148681b8bf7ecde17503b90a8f4302d0e7/height=288;version=1;width=512/http%3A%2F%2Fwww.ideaxidea.com%2Fwp-content%2Fuploads%2F2009%2F09%2F600x600led.png)
CSS-Tricksから、大きい画像を余白を作らずにブラウザのサイズに合わせて、背景に表示するスタイルシートを紹介します。 Perfect Full Page Background Image 下記、それを実装する要件とテクニックを二つ、それぞれポイントをピックアップして紹介します。 実装の要件 前提として、画像のサイズを調整する必要があるため、background-imageプロパティでの配置は不適格とします。 それを踏まえ、以下の条件をクリアさせます。 ページは画像でいっぱいに、余白は無しで 画像の大きさは自動調整 画像の比率は維持 画像はページ中央に 画像はスクロールさせない クロスブラウザ対応 一つ目のテクニックは余分なマークアップが必要で、IE6用にJavaScriptを使用したものを紹介しています。 二つ目のテクニックは、余分なマークアップを無くし、JavaScriptも必要と
来たよ。来たよ。キチャッタヨ。 えとたしか顔文字だと | |ω・`)キタヨ| |´・ω・`)キタヨ| |(+・ω・´)キチャッタヨ♪ 今回のテーマはGoogleChrome。 こやつがかなり良い感じでフィットしてきました。 このたまらないフィット感を作るために色々やった事を書き記します。 よさそうだったら是非、体験してみてください。 始めに、ネット初心者の方へ この文章は初心者の為の文章です。 Chromeくらいしってるわ!という方は読み飛ばして次へ。 皆さんがインターネットに接続する、といえば、青いeマークをクリックというのが一般的です。 これは最初からお使いのパソコンに入っている、「インターネットエクスプローラー」というソフトです。 このソフトのおかげでインターネットが閲覧できます。 こうしたインターネット閲覧ソフトを「ブラウザ」と呼びます。 このブラウザには様々な種類があり、今回ご紹
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く