【问题标题】:Welcome page background欢迎页面背景
【发布时间】:2015-03-28 17:28:28
【问题描述】:

我正在建立一个网站,我只需要制作一个欢迎页面。 这是一个简单的页面:只是一个带有按钮的背景,它指向我们的主页。我的背景只有一个问题:我的背景太大了。 如何使用 CSS 和 HTML 进行编辑,以使我的壁纸适合所有屏幕? (我想让页面不可滚动。)到目前为止我在 CSS 中的所有内容:

body{
    background-image:url("voorpagina.jpg")

}

非常感谢!

附:我已经尝试过 background-size:cover;但它似乎不起作用?

【问题讨论】:

  • 整个页面尝试background-size:cover,屏幕尝试background-size:100%
  • background-size: cover; 将工作只要您的body 是视口的 100% 高度,默认情况下不会。 html,body {min-height: 100% } 可能会修复它。
  • 谢谢!我现在可以看到图像,但我想缩放它,这样我得到一个不可滚动的页面,这样人们就可以看到整个图像,(我的图像太大,所以每个人都看到了图像的 70%) .感谢您的快速回复!
  • 它对我有用!谢谢大家的回复!!

标签: html css background size


【解决方案1】:

body{ background: url("voorpagina.jpg") no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

如果你不能使用媒体查询,这应该可以工作,

similar to your question 1

similar to your question 2

【讨论】:

  • 感谢您的快速回复!我已经在其他网站上看到过这个并且我也尝试过,但我不知道为什么它对我不起作用:(。-o-background-size; 似乎不起作用?
  • 您在哪个浏览器上测试? max-width: 100%; height: auto; width: auto; 试试这个,它对我有用
  • 谷歌浏览器,我用记事本++编辑代码,但我已经解决了问题!不过感谢您的帮助,我真的很感激!:)
  • 我修好了!谢谢你!
猜你喜欢
  • 1970-01-01
  • 2012-09-04
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2023-03-28
  • 1970-01-01
  • 2015-07-10
相关资源
最近更新 更多