html - 我可以在导航背景图像上制作一个不可见的 Floating Div 以使标题可点击，wordpress 工具箱主题吗？

Question

http://66.147.244.96/~safeedu2/wordpress/

你好，我现在在白色区域有一个可点击的框(左边)，它将链接到我的主页，但我希望它 float 在“书本标志”的顶部，所以它不是白色的 strip 我设计的顶部。这可能吗？这是我的新 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;
}

Answer 1

你应该阅读 What No One Told You About Z-Index

你有两个问题:

• 如果该元素属于另一个下方的堆栈上下文，则使用巨大的 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%;
}