解决这个HTML / CSS问题?

时间:2011-01-20 19:59:40

标签: html css

我有多个div,其中左侧是图像(每个div的高度不同),它将决定每个div的高度。 div的右侧顶部有一个标题,下面有内容,因此标题是纯色,内容是另一种纯色。

我的问题是右侧有圆角,所以我需要在所有x-broswering的顶部和底部都有一个图像。我不想根据左图的高度调整每个div的高度。有没有办法设置它,所以右侧将匹配左图像的高度?

这有意义吗?

编辑:对不起,这不清楚。这应该有所帮助:http://jsfiddle.net/xtian/cMs7m/

我无法使用PIE,因为我只需要对特定的角进行舍入,它只支持所有4个圆角。我不得不使用图片,我很乐意远离IE,但它还不是真的可能。

2 个答案:

答案 0 :(得分:5)

我不确定我完全理解你,但我们试试......

如果不能选择退出IE,你应该寻找可以在IE中模拟CSS3功能的CSS PIE等解决方案。我已经使用过PIE,它可以为边界半径带来奇妙的效果。不能完全记住可以使用的其他东西,但我很确定还有2个更常见的解决方案。使用CSS3而不是圆角图像可以解决您的问题吗?

答案 1 :(得分:3)

我不太清楚我是否理解这个问题,但如果是圆角,我认为现在停止使用图像并开始使用CSS3是完全正确的:

http://www.css3.info/preview/rounded-border/

容易...

对于旧IE,我认为还有其他解决方案:

http://msdn.microsoft.com/en-us/library/bb250413%28v=vs.85%29.aspx