【问题标题】:how do i create layout like this我如何创建这样的布局
【发布时间】:2017-03-07 09:31:38
【问题描述】:

.main
{      
  height: 500px;
}
.top
{
  background-image:url("banner_bg.png");
  background-repeat: no-repeat;
  background-size: cover;
}
<html>
<head>
	<link rel="stylesheet" href="new.css" type="text/css">
</head>
<body>
  	<div class = "top main"></div>
</body>
</html>

嘿伙计们,我有一个问题,如何创建我在评论框中提供的布局。我也提供了我尝试过的代码链接。

【问题讨论】:

  • 请澄清您的具体问题或添加其他详细信息以准确突出您的需要。正如目前所写的那样,很难准确地说出你在问什么。
  • 我正在尝试创建这样的布局,但不知道如何创建它,请帮助我,我是 css ibb.co/b1G0Fa 的新手

标签: html css background-image background-size


【解决方案1】:

如果您需要的是图像具有与 div 相同的尺寸,我认为这是最优雅的解决方案:

background-size: 100% 100%;

JSFIDDLE

【讨论】:

  • 兄弟看看我已经提供的参考图像,我不想用 100% 100% 的属性来做,我想通过封面或包含属性来实现,这实际上是任务。跨度>
  • 你知道如何计算长宽比面积吗?这是封面包含属性所必需的
  • 能否附上你要适合的图片并制作一个sn-p。对于纵横比w3schools.com/howto/howto_css_aspect_ratio.asp
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2021-12-15
  • 1970-01-01
  • 2019-05-02
  • 2016-02-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多