【问题标题】:CSS background image svgCSS 背景图片 svg
【发布时间】:2015-03-13 02:34:19
【问题描述】:

我正在尝试在 CSS 中使用 svg 图像作为我的背景图像。图像仅在较大的设备中重新缩放,在宽度和高度小于 svg 图像大小的设备中保持不变。

这是我的代码:

body {
  background-image: url(svgImg.svg);
  background-repeat: no-repeat;
  background-size: cover;
}

你能帮我在每个屏幕上重新调整图像尺寸吗?

【问题讨论】:

  • 其实是一个svg文件
  • 这里:检查这个答案:stackoverflow.com/a/19683628/2195551
  • 这样解决: background-image: url(svgImg.svg) ;背景位置:中心中心;背景附件:固定;背景重复:不重复;背景颜色:#464646;背景尺寸:封面;
  • @AlexandruSerban 将其发布为答案然后编辑您的问题

标签: css svg responsive-design


【解决方案1】:

这段代码做到了,它可以写在一行中,但我发布了每个细节,以便解释。

body{
background-image: url(svgImg.svg) ;
background-position: center center;
background-attachment: fixed;
background-repeat: no-repeat;
background-color:#464646;
background-size: cover; }

【讨论】:

    猜你喜欢
    • 2019-03-03
    • 2012-08-29
    • 2014-07-31
    • 1970-01-01
    • 1970-01-01
    • 2021-08-07
    • 2019-03-24
    • 2019-12-27
    • 2018-09-29
    相关资源
    最近更新 更多