1

http://66.147.244.96/~safeedu2/wordpress/

こんにちは、私のホームページにリンクする白い領域にクリック可能なボックス (左側) がありますが、「本のロゴ」の上に浮かせたいので、私のページの上部にある白い帯ではありません。デザイン。これは可能ですか？ここに私の新しいCSSがあります:

/* =Header
-------------------------------------------------------------- */

#site-title {
    margin: 0;
    z-index: 6;
    width: 160px;
    width: 130px;
}

#site-title a {
    display: block;
    text-indent:-9999px;
}

#site-description {
    display: none;
    padding: 0px;
    margin: 0px;
}
4

1 に答える 1

0

Z-Indexについて誰も言わなかったことを読むべきです

2 つの問題があります。

  • z-indexその要素が別の要素の下にあるスタッキング コンテキストに属している場合、巨大な要素を使用しても意味がありません。
  • 空の要素を表示する場合は、それらに寸法 (例: ) を指定する必要があります。また、デフォルトでインライン要素である場合は(または)height: 100%;width: 100%;も必要であることに注意してください。そうしないと、寸法が無視されます。display: block;inline-block

あなたは付け加えられます

#site-title {
    margin: 0;
    z-index: 6; /* because #access has z-index:5 */
}

#site-title a {
    display: block;
    height: 100%;
    width: 100%;
}
于 2013-11-08T16:12:27.093 に答える