Css 将元素与具有非整数维度的图像对齐

Css 将元素与具有非整数维度的图像对齐,css,twitter-bootstrap,bootstrap-4,Css,Twitter Bootstrap,Bootstrap 4,我有一个缩放到其父对象宽度的图像和一个定位为覆盖底部图像的形状。其定义如下: @@包括(“assets/img/shapes/angles/angle bottom.svg”) 由引导主题Landkit定义 由于缩放,图像高度并不总是整数,这会导致重叠形状的位置稍微过高。这会导致图像沿此接缝出血 我该如何解决这个问题?我可以强制图像将其尺寸裁剪为整数值吗?或者有没有办法强制形状精确定位在底部(即亚像素精度)

我有一个缩放到其父对象宽度的图像和一个定位为覆盖底部图像的形状。其定义如下:


@@包括(“assets/img/shapes/angles/angle bottom.svg”)
由引导主题Landkit定义

由于缩放,图像高度并不总是整数,这会导致重叠形状的位置稍微过高。这会导致图像沿此接缝出血

我该如何解决这个问题?我可以强制图像将其尺寸裁剪为整数值吗?或者有没有办法强制形状精确定位在底部(即亚像素精度)