我对这些功能并不是很熟悉,但任何人都可以向我解释一下“标题td”的作用以及CSS中是否真的有必要?我有一个无法正常工作的标头。我试图从CSS中删除这部分,但随后整个标题都消失了。
标题的CSS代码:
/* Header
--------------------------------------------------------------------------------*/
#header-wrap {
background:url(HeaderLuminescentLarge.png)no-repeat center;
background-size: contain;
box-shadow:inset 0 0px 0px rgba(0,0,0,0.3);
}
.wsite-custom-background #header-wrap {
background: none;
}
#header {
border-collapse: collapse;
border-spacing: 0;
width:100%;
height:100%;
}
#header td {
vertical-align: middle;
text-align: left;
height: 500px;
}
答案 0 :(得分:1)
#header td
选择<td>
为id
的元素中的所有header
元素。
您已为标头指定了height:100%;
,但其父级(#header-wrap
)似乎没有明确设置高度,因此%
中的高度不会被应用
删除样式规则后
#header td {
vertical-align: middle;
text-align: left;
height: 500px;
}
子元素也没有高度设置,这就是标题突然消失的原因(它的高度将为0
)。