私はこれに似たものを構築しています - http://www.impressivewebs.com/demo-files/content-switcher/content-switcher.html
JavaScript（純粋なCSS）を使用せずに現在のパネルをナビゲーションに表示する方法について、誰かがアイデアを持っているかどうか疑問に思いました。
私はそれが不可能だとかなり確信していますが、とにかく尋ねようと思いました.
明確にするために...このページのリンクをクリックすると、http://www.impressivewebs.com/demo-files/content-switcher/content-switcher-javascript.html
クリックしたリンクに気付くでしょう。ハイライトで、ユーザーがどのパネルを見ているかを知らせます。それが私がCSSでやりたいことです。
信じられないかもしれませんが、それは本当に難しいことです。これで始められるはずです: http://thinkvitamin.com/design/css/how-to-create-a-valid-non-javascript-lightbox/
ID 属性を使用して同じページの an 要素にリンクすることと、それがどのように機能するかについては、皆さんご存知だと思います。ただし、ページの外に隠れている要素にリンクすると、ウィンドウがその要素にジャンプするのではなく、要素がビューに「引き出される」ことを知らなかったかもしれません。
したがって、基本的には、すべてのスライドをページ外に配置し、番号付きのリンクにアンカーを使用してそれらを表示します。ページの残りの部分を薄暗くする必要がないため、あなたのユース ケースは彼女が行っているものよりも少し単純である必要があります。
あなたがする必要があるのは、固定サイズと「オーバーフロー」プロパティが非表示に設定されたコンテナ内にスライドする必要があるものを置くことです。次に、このコンテナー内で、「スライド可能な」コンテンツをアンカー要素のリスト内に配置し、「表示」をコンテナーと同じブロックとサイズに設定します。ページ上のリンクから、リスト内のアンカーの 1 つを呼び出すと、対応するアンカー名を持つ要素が自動的に表示されます。簡単です。