html - Chrome 边框半径缩放?

标签 html css rounded-corners

以前从未遇到过这个问题,我也看不到任何其他引用资料。基本上,我有一个在顶部和底部容器上带有圆 Angular 的网站。现在,这些工作正常但突然停止,因为我开始遇到 IMG 解码失败的问题。我已经解决了这些(我认为)但现在,我的圆 Angular 在容器底部不能正常工作。

我的 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 来制作圆 Angular 而不是图像,因为我觉得它是一种更动态的技术。

此 css 与顶部容器相同(除了其右上角和左上角被圆化)。

如果您想实际查看该网站,可以在此处查看:http://1074796728.1071867011.temp.prositehosting.co.uk/ (这个网站不允许我发布图片)

虽然两个声明都是 15 像素,但底 Angular 略微圆润,但程度与顶部不同。

有人可以帮忙吗?

最佳答案

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

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

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

结果是这样的

enter image description here

关于html - Chrome 边框半径缩放?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23883009/

相关文章:

html - 将 CSS 应用于 DIV 内的链接

javascript - 当 div 响应式收缩时,使其高度与宽度相匹配

css - Sass --watch 检测变化,但没有编译成 CSS

jquery - 在 HTML 中创建大小为 100% x 660 像素的响应式横幅

JavaScript:在 IE 中列出全局变量

html - 用于扩展照片 slider 插件以跨越网页的 CSS 代码

html - 使用溢出自动将下拉菜单放入 div 时隐藏

objective-c - 带圆角的 NSTextField?

jquery - 如何使用 jquery 在 DIV 标签内制作圆角框?

javascript - 第一代 iPhone 上 <img> 的 CSS 圆 Angular