Phantasy Garden

サイトのデザイン変更に併せてやりたかったことの一つ、「続きを読む」機能を実装させたかったんですよ。CSSだけで。単体記事とIndexでの記事折り込みはCSSの変更で対応できるとして、問題はその記事の折り込みがCSSだけで実現できるのかどうかという問題。

アイディアの一つとしては、:active疑似クラスを用いて、「続きを読む」と記事本体とのdisplayプロパティのオンオフを操作するというもの。もう一つは:activeに加えcontentプロパティを用いるというもの。

前者はCSSを解除した時に、「続きを読む」と記事本体が並列して記述されてしまい、後者はcontentプロパティでdisplayのオンオフを操作させることが出来るのかという疑問が残り。実装がどうなっているのかまだしっかりと把握してないので、後者の可能性もあるにはあるんですが、ちょっと難しいだろうなー……。かといって前者にすると微妙に記事が汚くなるし……。うーん。

大人しくJavascriptを組み込んだ方がいいんだろーか。それもそれで、個人的な「簡素な構造での表示」という流儀に反するしなぁ。どうしたもんか。

Comment

名前:

機械的スパムを防止するための検証です。以下の画像に書かれている文字列(半角英数字)を入力してください。
Captcha Image
認証:

Information

About this website

サイト名『空想庭園』。御巫 悠が自由気ままに運営しているサイトです。役に立たないコラム書きがメインなのかもしれません。

本サイトはクリエイティブ・コモンズ表示4.0 国際ライセンスの下に提供されています。

Twitterアカウント: spherewind1(twitter.com)

Recent Weblog

Recent Comment

Weblog Search

Weblog Category

Friend Links