在IE9中使用半径划分背景

Question

我有几个角度为5度的div，它们也有一个背景图像。

这在Chrome中运行良好，但我在IE9中遇到问题。我得到一个带有黑色边框的白色盒子，而不是圆角的背景......虽然角落是圆的。

请参阅http://www.thecocktailservice.co.uk/

页面下方有几个例子...... h2位于左边缘附近，页面底部是表格，而推荐框位于中间位置。

为什么背景没有显示的任何想法？

Answer 1

使用chrome检查此页面时，会出现多个错误和警告。

Failed to load resource: the server responded with a status of 404 (ERROR: The file requested could not be found.)
http://www.thecocktailservice.co.uk/demos/images/th-slide-env-1.jpgFailed to load resource: the server responded with a status of 404 (ERROR: The file requested could not be found.)
http://www.thecocktailservice.co.uk/demos/images/th-slide-civil-2.jpgFailed to load resource: the server responded with a status of 404 (ERROR: The file requested could not be found.)

这些只是少数人中的一部分，可能需要考虑纠正这些错误。

另外，来自行的填充

padding:2px 30px 7px 30px;

似乎没有出现在IE中。如果没有足够大的区域来渲染图像，IE可能只是将背景留空。