わかりましたので、いろいろ調べてみましたが、この質問に対する十分な答えが見つかりませんでした。
基本的に私がやろうとしているのは、ボタンがクリックされたときにウェブサイトのヘッダーを最小化することです。
CSS はこちら: http://emstectest.site44.com/style.css
私はこれを機能させるために遊んでいましたが、ここに問題があります。展開リンクがクリックされたときにヘッダーと本文を分離する濃い青色の仕切りの色である背景画像を作成しようとしています:#header スタイルのターゲット)。
しかし、私は次のようなことを試しました:
#header:target { background-position: center -300px; }
しかし、実際に背景画像を移動するのは、私がそうするときだけです:
body { background: url (PATH) repeat-x center -300px; }
これに関するヘルプは大歓迎です。この分野の知識が不足しているため、Javascript の使用を控えています。それと、ロード時間を最優先にしたいという事実。
これと同様に別の質問: -webkit- を使用してこのプロセスをアニメーション化する方法もありますか、それとも Javascripting を再度使用する必要がありますか?
前もって感謝します。- ジェームズ