HTML5入门 HTML5是HTML的最新版本,目标是更好地开发网络应用程序。 HTML5比HTML4拥有更简洁的语法并且提供了更多新的特性。 本文将对HTML5做一个大体的介绍。 HTML5能做什么? 1. 离线存储 HTML5可以让你的WEB应用程序离线也能运行,它提供了一个称作“应用程序缓存"的离线存储功能,因此即使当用户离线,浏览器仍然能够访问到它所需的文件。 这些文件可以是HTML,CSS,Javascript…
July 25, 2016
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?