html - 如何插入背景图片以覆盖大部分网页?

标签 html css

我正在尝试在我的网页第 1 部分放置背景图片,该部分超过一半的页面类似于此 example . 当我尝试这样做时,图像的比例不正确并且看起来非常拉伸(stretch)。

我的 codepen.

下面是我尝试执行此操作的 CSS。

<body background=".png">

我认为我必须放置第 1 部分而不是正文,因为我希望背景图像位于我的第 1 部分内。但是当我放置它时什么也没有发生。我想我写错了类(class)名称。

HTML

<a href="#">Test!</a>

最佳答案

在有背景图片的标签中,添加background-size: cover

关于html - 如何插入背景图片以覆盖大部分网页?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42609035/

相关文章:

jquery - 如何在客户端验证 google recaptcha?

Javascript:如何在网站上进行拖放操作时设置光标?

javascript - 没有一个 Angular Directive(指令)在此代码中工作。提交按钮中定义的函数不起作用

javascript - 将元素放在文本框上

javascript - 如何在 AJAX 调用中添加 loading.. 消息?

html - 如何让文本位于 div 之上?

html - CSS3 : border on a border-radius div

javascript - 按住键后 Jquery/JS : skip N items from siblings. 错误

html - 是否可以隐藏/删除多个 div 相交区域内的边框?

html - 单击和加载时按钮丢失 css 样式