gpt4 book ai didi

html - 如何使页眉直接穿过页面?

转载 作者:行者123 更新时间:2023-11-28 03:29:47 25 4
gpt4 key购买 nike

我想在整个页面上拉伸(stretch)我的标题,查看下图:

http://gyazo.com/61982a6809817c30f882808ff55972ca.png

我最初计划将横幅放在我的 wrapper 中,但我现在改变了主意,希望它直接穿过页面。我不确定我必须输入什么代码才能实现这一点。下面是我的 HTML 和 CSS。

(我知道横幅的质量会受到影响,但我现在不担心)

HTML:

<body>

<div id="wrapper">

<div id="banner">
<a href="index.html"><img src="images/banner/banner2.png" width="1000"></a>
</div>

CSS:

 body {
background-image:url(../images/background/fifa14.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
}

#wrapper {
width:1000px;
margin:0 auto;
background-color:#FFF
}

非常感谢!

最佳答案

您需要将横幅从 wrapper 上取下并将其宽度设置为 100%:

将您的 HTML 更改为:

 <body>

<div id="banner">
<a href="index.html"><img src="images/banner/banner2.png" width="1000"></a>
</div>

<div id="wrapper">

将此添加到您的 CSS:

#banner img {width:100%} 

关于html - 如何使页眉直接穿过页面?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18655398/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com