html内容被背景图片遮住怎么办_css背景图片显示不完怎么解决?
html内容被背景图⽚遮住怎么办_css背景图⽚显⽰不完怎么解
决?
湖口兵变
css背景图⽚显⽰不完是什么原因?怎么解决?下⾯本篇⽂章就来给⼤家介绍⼀下css背景图⽚显⽰不完的解决⽅法。有⼀定的参考价值,有需要的朋友可以参考⼀下,希望对⼤家有所帮助。
css设置背景图⽚显⽰不全是因为背景图⽚过⼤导致的,我们可以通过设置div⼤⼩⼤于背景图⽚或使⽤background-size属性设置背景图⽚⼩于div⼤⼩使背景图⽚显⽰完全。
⽰例:
下⾯我们来看⼀下通过设置div⼤⼩来使背景图⽚完全显⽰:
div
{
width:100px;
倾心赴仇
height:100px;
qq牧场经验
background-size:cover;
食品安全培训内容
background: url
('img.html/upload/article/000/000/013/5da3e4e32f6e0593.jpg') no-repeat;
}
效果图:
设置div⼤⼩后
div
{
width:200px;
height:200px;
background-size:cover;
background: url
('img.html/upload/article/000/000/013/5da3e4e32f6e0593.jpg') no-repeat;
}
晶体二极管
50亿韩元效果图:
更多前端开发知识,请查阅 HTML中⽂⽹ !!

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。