Skip to content
Go back

PaperModでエントリにリンクを加える

  • PaperModにて、エントリのメタ情報欄にタグ一覧を追加してリンクを張ろうとしたが、上手くいかなかった
    • エントリの<a>が優先されて、タグの<a>に触れなかった
    • CSSの.entry-linkを見ると、<a>の範囲を<article>全体まで広げている
  • 優先順位の問題なので、CSSのz-indexで要素の順序を入れ替えてやれば良いらしい
    • 数字が大きいほうが前に来るので、優先的にクリックできるようになる
    • HTMLでは<a>タグをネストできないらしいので、エントリの<a>の中にタグの<a>は書けない
.entry-link {
    /* タグのリンクを優先的に押せるように、タグより下に来るようにする */
    z-index: 0;
}

.anchored-tags a {
    /* タグのリンクを優先的に押せるように、エントリへのリンクより上に来るようにする */
    position: relative;
    z-index: 1;
}

参考文献#