CSS-如何在整个窗口中拉伸背景图像
用户名
尝试在整个窗口中拉伸时，背景图像出现问题。下面的外部CSS：
hr {color:sienna;}
p {margin-left:20px;}
body {background-image:url("mybackground.jpg"); -webkit-background-size: cover; background-repeat: no-repeat; background-size: 70%;}
@font-face /* support for browsers & IE v10 onwards*/
{
font-family:homefont; src: url("font3.ttf");
}
#main
{
position:absolute;
left:450px;
top:30px;
font-family: homefont;
font-size:150px;
line-height:70%;
}
这就是我所拥有的（请在浏览器窗口中查看图像右侧的空白）：
谁能建议我如何在整个窗口中拉伸图像？
我已经按照评论中的建议尝试了这些建议，但是-该图像似乎是从我的膝盖向下被割掉的：(。还有其他建议吗？
萨钦
你可以试试这个
background-size: 100%;
要么
background-size:cover
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
CSS-如何在整个窗口中拉伸背景图像
- 2
如何在css3中制作更暗的背景图像并将其拉伸？
- 3
对CSS背景图像拉伸感到困惑
- 4
CSS-如何拉伸和自动调整背景图像的大小
- 5
如何在CSS中组合背景图像+线性渐变？背景图像上的线性渐变
- 6
CSS 视差效果拉伸我的背景图像
- 7
在不拉伸的情况下重复 CSS 背景图像
- 8
如何在CSS中使背景图像变暗？
- 9
如何在倾斜图层（CSS）中倾斜背景图像？
- 10
CSS：如何在div中模糊背景图像？
- 11
如何在偏斜层（CSS）中偏斜背景图像？
- 12
如何在指令中重新加载CSS背景图像
- 13
CSS：如何在div中模糊背景图像？
- 14
如何在 CSS 中为背景图像设置动画？
- 15
如何在 Laravel 中提供 css 背景图像位置
- 16
如何避免CSS水平拉伸背景图片？
- 17
如何使CSS背景图像响应？
- 18
如何使CSS背景图像响应？
- 19
CSS拉伸或调整背景图片
- 20
CSS拉伸或调整背景图片
- 21
如何在旋转图像CSS或Javascript时使背景图像填充空白（在div上）？
- 22
CSS：所有纵横比的背景图像都可以拉伸吗？
- 23
如何从CSS背景图像中获取图像源
- 24
使CSS背景图像响应
- 25
背景图像路径css
- 26
使CSS背景图像响应
- 27
使 CSS 背景图像滚动
- 28
如何在滚动内容中使用100％CSS背景图像？
- 29
如何在CSS中平滑地在悬停上设置背景图像大小的动画？
我来说两句