以前从未遇到过这个问题,我也看不到任何其他引用资料。基本上,我有一个在顶部和底部容器上带有圆 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;
}
结果是这样的
关于html - Chrome 边框半径缩放?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23883009/