CSS 和绕过部分裁剪的 Angular 落

Question

我有一个我在 Photoshop 中制作的简单圆 Angular 矩形的 png。我想要显示整个矩形，但是在图像的右上角、右下角和左下角有一点裁剪，使其成为正方形。左上角是 4 个 Angular 中唯一一个保持圆 Angular 的 Angular 。

我将图像保存在 photoshop 中，并在所有 4 个边上留出一点额外空间 - 将其保存为 870 * 335 像素。我的 CSS 看起来像这样:

 #main {
     margin: 8% auto 0 auto;
     width: 870px;
     height: 335px;
     background: url(images/form.png) 125px 87px no-repeat;
     position: relative;
}

我在 photoshop 中给它的额外空间应该正确显示整个矩形吗？还是我错过了一些关键的东西？谢谢!

Answer 1

这部分对我来说没有意义:

background: ... 125px 87px ...;

如果图像与其容器的宽度相同，则您将图像强制置于不允许显示整个内容的背景位置。

试试这个:

background: url(images/form.png) 0 0 no-repeat;