CSS: div高度自动适应背景图片的高度 How to get div height to auto-adjust to background size?...

原文：CSS: div高度自动适应背景图片的高度 How to get div height to auto-adjust to background size?

其实方法非常简单，直接写代码：

<div style="background-image: url(http://your-image.jpg);"><img src="http://your-image.jpg" style="visibility: hidden;" />
</div>

同时设置图片和背景图片，同时将图片设置为不可见（不是不显示），只显示背景图片。

这里用到技巧就是：display:none和visibility:hidden的区别

dispaly:none ；　CSS1隐藏对象。与visibility属性的hidden值不同，其不为被隐藏的对象保留其物理空间

visibility: hidden；设置或检索是否显示对象。与display属性不同，此属性为隐藏的对象保留其占据的物理空间。如果希望对象为可视，其父对象也必须是可视的。

一句话：display:none是看不见也摸不到，visibility:hidden看不见但摸得到。

本文转自：CSS: div高度自动适应背景图片的高度 How to get div height to auto-adjust to background size?

CSS: div高度自动适应背景图片的高度 How to get div height to auto-adjust to background size?...相关推荐

[css] 如何使用css3实现一个div设置多张背景图片？
[css] 如何使用css3实现一个div设置多张背景图片? background-image:url("1.jpg"),url("2.jpg"),url(&q ...
html背景图片如何和div一样大,怎么让div的大小随着背景图片的大小变大
在做网页的时候,经常会遇到为div添加背景图片,那么我们应该怎样做才能让div的大小随着背景图片的变大而变大呢,也就是让我们的div被背景图片所撑起来.下面学习啦小编告诉你! 让div的大小随着背景图 ...
css样式里把背景设置为图片,利用css如何设置全屏背景图片
利用css如何设置全屏背景图片如果你有一张比较绚烂的图片想做背景,可以这样设置,就跟随百分网小编一起去了解下吧,想了解更多相关信息请持续关注我们应届毕业生考试网! 代码如下: body{ backg ...
关于如何设置网页自动切换背景图片
这篇文章关于如何设置网页自动切换背景图片如何设置背景图片通过点击按钮来触发"切换背景图片"这个命令 ==重点== 如何在script里面改变网页的背景图片设置背景图片自动切换 ...
移动端页面键盘弹出后导致body高度变低背景图片被挤上去解决方法
移动端页面键盘弹出后导致body高度变低背景图片被挤上去解决方法本身在设置背景图片的时候是将html,body的高度设为100%,然后 .main{height: 100%;background: ...
为什么在css里使用background-image插入背景图片时，浏览器没有任何反应
在今天写页面的时候遇到一个这样的问题,不知道有没有跟我一样遇到过这样类似的问题"在css里使用background-image插入背景图片时,浏览器没有任何反应"并且css引用语法 ...
下载页面的css样式文件引用的背景图片
在加载网页的时候,一般会缓存该网页使用的图片资源. 我们在页面的Sources目录下是能够找网所使用的样式和图片等资源. 那么如何下载某网站中我们需要的图片? 使用360浏览器,使用F12功能,选中网 ...
css之文本溢出处理 | 背景图片处理
文本溢出处理单行文本用缩略符号--text-overflow:ellipsis; 多行文本做截断策略--line-height * 行数 = height;text-overflow:hidden; ...
CSS实现（伪）背景图片压缩百分百显示。
先说下情况,最近帮公司做了一个登录页,由于是自己做,想做的多一点,比如说,浏览器缩放的时候能按比例显示,footer 能根据不同的显示器固定到底部等等. 当然先做的越多遇到的问题就越多,比如说如果添 ...

CSS: div高度自动适应背景图片的高度 How to get div height to auto-adjust to background size?...

CSS: div高度自动适应背景图片的高度 How to get div height to auto-adjust to background size?...相关推荐

最新文章

热门文章