CSS-左上角背景图像（曲线）

我目前正在制作一个网站。右边是一个邮政编码搜索分区。该分区的上角需要四舍五入

我用图像来圆角。我不想使用其他方法，除非它完全支持所有浏览器，直到IE7

---

我已经在导航栏上做过了（在左边，只有右上角和左下角）。但我似乎无法让它在左上角工作。请帮忙。这可能是我犯的一个愚蠢的小错误。

对于较旧的浏览器支持，使用图像是最好而且可能是唯一的选择。如果您不介意较低级别的浏览器支持（在W3Schools的CSS3寄宿生页面中），您可能会有答案

---

我希望这有帮助

对于较旧的浏览器支持，使用图像是最好而且可能是唯一的选择。如果您不介意较低级别的浏览器支持（在W3Schools的CSS3寄宿生页面中），您可能会有答案

---

我希望这有帮助

有两种方法可以在不使用

边界半径（CSS3）和不使用图像的情况下创建圆角：

使用四个小的
div
s的
height:1px
并逐渐增加宽度，从而产生圆角错觉。这可能是更好的选择。有关代码示例，请参见以下站点：

使用HTA文件和浏览器黑客。我从未亲自尝试过。有关代码示例和技术，请参阅以下站点

有两种方法可以在不使用
边界半径（CSS3）和不使用图像的情况下创建圆角：

使用四个小的
div
s的
height:1px
并逐渐增加宽度，从而产生圆角错觉。这可能是更好的选择。有关代码示例，请参见以下站点：

使用HTA文件和浏览器黑客。我从未亲自尝试过。有关代码示例和技术，请参阅以下站点

如果“邮政编码搜索div”是固定的
宽度
和
高度
（看起来是这样的），最简单的解决方案就是将整个内容作为图像，并将其设置为
背景
：


（是的，图像的大小和颜色都正确）
如果“邮政编码搜索div”的宽度和高度是固定的（看起来是固定的），最简单的解决方案就是将整个事情作为图像来处理，并将其设置为背景：


（是的，图像的大小和颜色都正确）
问题是您的背景颜色覆盖了图像。如果删除“背景色”属性，将看到角点图像

拍摄您的图像并添加灰色背景。将整个灰色背景元素的宽度和高度设置为225x120或任何您想要的值，您就可以开始了。基本上从它只是一个角落的图像块移动到完整的图像

如果你不想这样做，那么拍摄你的角图像，使其长度为225px，灰色一直向外延伸。
问题是你的背景色覆盖了你的图像。如果删除“背景色”属性，将看到角点图像

拍摄您的图像并添加灰色背景。将整个灰色背景元素的宽度和高度设置为225x120或任何您想要的值，您就可以开始了。基本上从它只是一个角落的图像块移动到完整的图像

如果你不想这样做，那么就把你的角落图像做成225px长，灰色一直延伸。
你的邮政编码框在右边。图像是所有浏览器最可靠的选择。CSS3圆角仅在支持CSS3这一部分的浏览器中有效。我知道它们在IE 6、7、8中不起作用，IE 6、7、8大约占互联网的45%。你的邮政编码框在右边。图像是所有浏览器最可靠的选择。CSS3圆角仅在支持CSS3这一部分的浏览器中有效。我知道它们在IE 6、7、8中不起作用，IE 6、7、8大约占互联网的45%。哎呀，我忘了启用“捕捉像素”，所以图像的左边缘有点模糊。这也是一个值得指出的解决方案，但这只能解决所有问题：非常感谢你的帮助！非常感谢！你能提供你使用的尺寸吗？所以我可以复制它，包括捕捉到像素。谢谢：）@hart1994:我的图像最终变成了
226x131
（因为没有使用像素捕捉），但你应该使用
225x130
。哎呀，我忘记启用“捕捉像素”，所以图像的左边缘有点模糊。这也是值得指出的解决方案-但这只能解决所有问题：非常感谢你的帮助！非常感谢！你能提供你使用的尺寸吗？所以我可以复制它，包括捕捉到像素。谢谢：）@hart1994：由于没有使用像素捕捉，我的图像最终变成了
226x131
，但你应该使用
225x130
。