Chrome边框半径缩放？

Question

之前从未遇到过此问题，我看不到对此的任何其他引用。 基本上，我有一个网站，顶部和底部的容器都有圆角。 现在，它们运行良好，但是自从我开始遇到IMG DECODING FAILED问题以来，它们突然停止了工作。 此后，我已经解决了这些问题（我认为），但是现在，我的圆角在容器底部无法正常工作。

我的CSS如下：

.sub_footer {
  background: url(/uploads/images/blue_footer_bg.jpg)repeat-x;
  color: #fff;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  text-shadow: 0px 1px 10px rgba(1, 1, 1, 1);
  overflow: hidden;
}

我使用css制作了圆角而不是图像，因为我觉得它是一种更加动态的技术。

该css与顶部容器相同（除了其右上角和左上角被四舍五入）。

如果您想查看它的运行情况，可以在这里查看该网站： http : //1074796728.1071867011.temp.prositehosting.co.uk/ （此网站不会让我发布图片）

底角稍圆，但程度与顶角不同，尽管两个声明的底角均为15px。

有人可以帮忙吗？

Answer 1

CSS没有错，您可以更改Footer Div的高度，请参见

谢谢

乌迪特·巴德瓦吉

Answer 2

尝试更改此选项：

.sub_footer {
  background: url(/uploads/images/blue_footer_bg.jpg)repeat-x;
  color: #fff;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  text-shadow: 0px 1px 10px rgba(1, 1, 1, 1);
  overflow: hidden;
}

对此：

.sub_footer {
  background: url(/uploads/images/blue_footer_bg.jpg)repeat;
  color: #fff;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  text-shadow: 0px 1px 10px rgba(1, 1, 1, 1);
  overflow: hidden;
}

Answer 3

您好，现在删除您在sub_footer子级中定义的padded类，现在

定义您的.sub_footer height: 30px; .sub_footer height: 30px; padding-top: 15px; 像这样

.sub_footer
{height: 30px;
padding-top: 15px;
}

比结果是这个

Answer 4

更简单的解决方案是

只需添加padding:15px; 上课col12下sub_footer类

.sub_footer .col12{
    padding:15px;
}

Answer 5

将webkit放在边界半径语句中。

-webkit-border-radius:
-moz-border-radius: