；
；
；
在练习仅用html+css布局时，裁剪下的图片像素太高，css设置了width:100% auto;
background: url("images/header.gif") no-repeat;浏览器显示的结果如图。
问：请问各位前辈怎样才能设置图片的大小适应屏幕呢，除了css3的background-size:100%.
css的background属性，背景图片太大无法适应屏幕显示
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
分享- 邀请回答
-
5条回答 默认 最新
当作看不见 2016-09-08 15:23关注试一下这个
<style type="text/css"> body{ margin: 0; padding: 0; } #bg_img{ width: 100%; height: 100%; position: fixed; } </style> <body> <img src="1.jpg" id="bg_img"/> </body>本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏举报 分享
- 2016-09-08 14:36回答 5 已采纳 试一下这个 ``` ```
- 2022-08-30 10:29回答 5 已采纳 你这路径一看就不对 。用相对路径 。 ../../img
- 2022-06-01 17:47回答 5 已采纳 1，把background-image改成background2，检查下路径
- 2021-06-08 09:27请告诉他的博客 问题： background-size：属性的auto值对于显示图像的原始大小(长度和宽度)很有用。 也是默认值。
- 2021-11-26 20:35回答 1 已采纳 你这个是 a标签的字体颜色和背景图片颜色一样都是白色 不是覆盖了 你改一下字体颜色就好了 color
- 2022-04-07 21:05回答 3 已采纳 background-size:100% 100%;这个是图片是全部显示，但有可能是变形 background-size:cover;这个是背景是全部覆盖，图片会撑开铺满
- 2022-07-31 21:23回答 5 已采纳 自适应屏幕，或者设置相对定位
- 2022-03-07 21:36开心就来soul的博客 本文阐述了关于在CSS中如何给背景添加图片， 添加图片background的一些属性，以及css精灵等相关问题。
- 2022-04-25 19:16回答 3 已采纳 关闭浏览器然后重新打开试试,我复制你的代码运行是可以显示的.你可以看看是不是路径问题,或者删了重写一下,有时候可以根据地址打开图片并不代表地址一定对.
- 2021-05-29 20:46回答 4 已采纳 建议查看一下路径是否正确 用img直接打地址看能不能正常显示 尽量使用英文
- 2022-08-25 17:46回答 5 已采纳 大概率路径问题 。network 是不是 404
- 2022-10-27 00:29tyd、的博客 css背景图片自适应
- 2022-11-09 20:50回答 2 已采纳 background-repeat: repeat-y; 不要设置图片的background-size
- 2021-06-10 02:56weixin_39550940的博客 在15PB学习了一个星期的 HTML + CSS之后，发现还有一些东西需要去记忆，俗话...如果背景图片不平铺就达不到全屏的效果，如果平铺了之后效果就有些差强人意，这时候CSS这个属性就派上用场了background-size: cover; ...
- 2020-12-20 11:06weixin_39980929的博客 这个的目的是让整个div在HTML页面中各个层级的下方，正常情况下，默认创建的层级z-index的值是0，...用-10 以此能达到看上去像背景图片，其实是一个最普通的div，只是层级关系变了，才让人看上去看是背景图片。zoo...
- 没有解决我的问题, 去提问
