最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

HTML中使背景图片自适应浏览器大小

来源:动视网 责编:小采 时间:2020-11-27 15:25:08
文档

HTML中使背景图片自适应浏览器大小

HTML中使背景图片自适应浏览器大小:这篇文章主要介绍了HTML中使背景图片自适应浏览器大小实例详解的相关资料,需要的朋友可以参考下HTML中使背景图片自适应浏览器大小实例详解解决办法:1、图片不够大,又background属性不能拉伸图片; 2、只能用个p,把其z-index值设为负,并使这个p大小为整个
推荐度:
导读HTML中使背景图片自适应浏览器大小:这篇文章主要介绍了HTML中使背景图片自适应浏览器大小实例详解的相关资料,需要的朋友可以参考下HTML中使背景图片自适应浏览器大小实例详解解决办法:1、图片不够大,又background属性不能拉伸图片; 2、只能用个p,把其z-index值设为负,并使这个p大小为整个


这篇文章主要介绍了HTML中使背景图片自适应浏览器大小实例详解的相关资料,需要的朋友可以参考下

HTML中使背景图片自适应浏览器大小实例详解

解决办法:

1、图片不够大,又background属性不能拉伸图片;

2、只能用个p,把其z-index值设为负,并使这个p大小为整个body大小,在p里用<img> ;

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建站的达人们也可以用此方法,在指定页面定制自己的背景图片。

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

相关推荐:

Html 实现动态显示颜色块的报表效果(实例代码)

文档

HTML中使背景图片自适应浏览器大小

HTML中使背景图片自适应浏览器大小:这篇文章主要介绍了HTML中使背景图片自适应浏览器大小实例详解的相关资料,需要的朋友可以参考下HTML中使背景图片自适应浏览器大小实例详解解决办法:1、图片不够大,又background属性不能拉伸图片; 2、只能用个p,把其z-index值设为负,并使这个p大小为整个
推荐度:
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top