如何根据屏幕尺寸将背景图像设置为完整而不给出高度并将内容中心放入其中
[英]How to set background image full as per screen size without giving height and make content center into it
1 个解决方案
解决方案1
0 2019-11-13 12:09:46
请使用此代码：
.hero { width: 100%; height: 100vh; background: #000 url("https://crowdforangels.com/blog/wp-content/uploads/2017/01/notebook-1280538_1920.jpg") no-repeat; background-size: cover; display: flex; align-items: center; justify-content: center; }.hero.overlay { color: #fff; text-align:center; }
<section class="hero"> <div class="overlay"> <h1>WEB & GRAPHIC DESIGNER</h1> <a href="#">LEARN MORE</a> </div> </section>
如何使背景图像尺寸的高度始终等于全角图像所需的图像高度？
[英]How to make background-image size height always equal what the image height needs to be for full width image?
如何设置完整大小的超大背景图像并使其具有响应能力？
[英]How to set out the background image of a jumbotron at full size and make it responsive?
如何制作带有中心垂直文本的全高图像，并与背景叠加图像左对齐
[英]How to make full height image with vertical text on center and left align witth background overlay image
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.