Html 我可以在导航背景图像上制作一个不可见的浮动Div,使标题可点击,wordpress工具箱主题吗?
http://66.147.244.96/~safeedu2/wordpress/ 您好,我现在在左侧的白色区域有一个可点击的框,它将链接到我的主页,但我希望它浮动在图书徽标的顶部,因此它不是我设计顶部的白色条带。这可能吗?这是我的新CSS:Html 我可以在导航背景图像上制作一个不可见的浮动Div,使标题可点击,wordpress工具箱主题吗?,html,css,wordpress,Html,Css,Wordpress,http://66.147.244.96/~safeedu2/wordpress/ 您好,我现在在左侧的白色区域有一个可点击的框,它将链接到我的主页,但我希望它浮动在图书徽标的顶部,因此它不是我设计顶部的白色条带。这可能吗?这是我的新CSS: /* =Header -------------------------------------------------------------- */ #site-title { margin: 0; z-index: 6; w
/* =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;
}
你应该读书
你有两个问题:
如果一个元素属于另一个元素下面的堆叠上下文,那么使用一个巨大的z索引是没有用的。
如果希望空元素可见,则必须为其指定尺寸,例如高度:100%;宽度:100%;请注意,如果默认情况下它是一个内联元素,那么还需要display:block;或内联块,否则将忽略尺寸标注。
你可以加上
#site-title {
margin: 0;
z-index: 6; /* because #access has z-index:5 */
}
#site-title a {
display: block;
height: 100%;
width: 100%;
}
我真的不明白这个问题。你能和我分享一些密码或是用蜡笔把小提琴磨一下吗?这是可能的。尝试设置位置:绝对位置;顶部:0px;左:0px;宽度:400px;高度:400px;背景颜色:橙色;z指数:99999;现在你应该在你的网站上看到一个橙色的div,可以点击。。可能会改变顶部,左侧,宽度,高度和删除背景色谢谢,我一定会读到zindex的。目前在Wordpress中,我没有网站标题或标题图像,因为我希望它位于我导航的背景img中,即书籍图像和单词索马里和美国教育基金会。我是否应该在header.php文件中添加另一个div以创建可单击区域?我已经附加了代码。您好,如果您更新我的链接,我现在有一个可点击的框,它的宽度和高度与我的图书标识相同,但它漂浮在上面。可以把它固定在书的上面吗?非常感谢。Leah@leahdesigns我认为你应该:1削减你的标志图像,删除文本,离开这本书。2使用该图像代替背景图像。3将其添加到锚内。4将索马里和美国教育基金会作为文本,而不是图像。好的,我会试试。我希望有一个更简单的解决办法,但这应该可以做到。谢谢你的帮助!嗨,奥利奥,我完成了你的建议,但现在我有一个奇怪的深灰色薄框下面的可点击的书的标志。你认为这和我加入那个新部门有关吗?非常感谢。