文章/答案/技术大牛

发布

社区首页 >问答首页 >错误的IE11 SVG渲染-背景-图像

问错误的IE11 SVG渲染-背景-图像
EN

Stack Overflow用户

提问于 2015-04-01 22:19:20

回答 1查看 2.6K关注 0票数 2

我有一个SVG图像作为背景，用background-size:contain。在除IE之外的所有浏览器中，它看起来都很完美。然而，在IE中，徽标的底部被稍微切掉了，边缘模糊。

我尝试了this(从SVG文件中删除设置的宽度和高度)和this(在下面添加边距)，它仍然被切断，并且找不到任何关于模糊边缘的东西。

IE11渲染：

Chrome/Firefox渲染：

下面是我如何显示该图像的CSS：

.header-container::before {
   content: "";
   display: block;
   width: 15em;
   padding: 0.825em 0;
   background-image: url('reed-logo-white.svg?1427895453');
   background-position: 0 0;
   background-repeat: no-repeat;
   background-color: transparent;
   background-size: contain;
   margin: 1em auto;
}

有没有人知道怎么解决这个问题，或者至少告诉我为什么会这样？提前感谢！

svg

css

回答 1

Stack Overflow用户

发布于 2015-11-28 17:42:19

我也对这个问题感到沮丧。我找到的唯一解决方案是重新保存我的SVG文件，这样: 1)画板尺寸是像素整数(没有分数)，2)如果这样做不起作用，在画板尺寸(宽或高)上增加2px，以便在图稿周围添加更多空白

票数 3

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/29393260

复制

相似问题

问错误的IE11 SVG渲染-背景-图像
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问错误的IE11 SVG渲染-背景-图像EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问错误的IE11 SVG渲染-背景-图像
EN