如何通过 CSS 将我的 header 转发?
How do I bring my header forward via CSS?
我的网站有问题
我需要 header 站出来,它在 wordpress 上的 运行 是 link 到站点:http://goo.gl/E1ErzD
这里是使 header 浮动的代码:
#header {
padding: 1.618em 0 0;
margin-bottom: 3.631em;
border-bottom: 4px double #e8e4e3;
clear: both;
position: fixed;
将此添加到 header 的 css 代码中:
z-index: 1;
您需要设置 z-index
,并将 background-color
应用到页眉,以便它向前移动。您还应该考虑设置宽度:
#header {
padding: 1.618em 0 0;
margin-bottom: 3.631em;
border-bottom: 4px double #e8e4e3;
clear: both;
position: fixed;
z-index: 9999;/* set this to something high*/
background-color:#fff; /* so you can see it is a block */
min-width:100%; /* play with this too, and asdjust margins. check in IE - you may have to set a width rather then min-width*/
我的网站有问题
我需要 header 站出来,它在 wordpress 上的 运行 是 link 到站点:http://goo.gl/E1ErzD
这里是使 header 浮动的代码:
#header {
padding: 1.618em 0 0;
margin-bottom: 3.631em;
border-bottom: 4px double #e8e4e3;
clear: both;
position: fixed;
将此添加到 header 的 css 代码中:
z-index: 1;
您需要设置 z-index
,并将 background-color
应用到页眉,以便它向前移动。您还应该考虑设置宽度:
#header {
padding: 1.618em 0 0;
margin-bottom: 3.631em;
border-bottom: 4px double #e8e4e3;
clear: both;
position: fixed;
z-index: 9999;/* set this to something high*/
background-color:#fff; /* so you can see it is a block */
min-width:100%; /* play with this too, and asdjust margins. check in IE - you may have to set a width rather then min-width*/