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?