Rumah >hujung hadapan web >html tutorial >实例讲解HTML中使背景图片自适应浏览器大小的功能
实例讲解HTML中使背景图片自适应浏览器大小的功能
- 怪我咯asal
- 2017-04-30 10:51:412180semak imbas
这篇文章主要介绍了HTML中使背景图片自适应浏览器大小实例详解的相关资料,需要的朋友可以参考下
HTML中使背景图片自适应浏览器大小实例详解
解决办法：
1、图片不够大，又background属性不能拉伸图片；
2、只能用个p，把其z-index值设为负，并使这个p大小为整个body大小，在p里用a1f02c36ba31691bcfe87b2722de723b ；
3、body的background属性去掉，要不然会被遮住。
<html> <body> <p id="Layer1" style="position:absolute; left:0px; top:0px; width:100%; height:100%"> <img src="pictures/background.jpg" width="100%" height="100%"/> </p> </body> </html>
如果想让图片不随浏览器右边滚动条滚动，就用position:fixed属性。wordpress建站的达人们也可以用此方法，在指定页面定制自己的背景图片。
Atas ialah kandungan terperinci 实例讲解HTML中使背景图片自适应浏览器大小的功能. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：详解JS+HTML5 FileReader的对象用法Artikel seterusnya：HTML的select控件美化功能