Question

我有这样的css

.corner-wrapper
{
    display:table;
    position:relative;
    border: 2px solid #69b0ff;  
    margin:5px 0 5px 0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    behavior: url("PIE.htc");   
}

要在所有IE旧版本中添加圆角接缝，这真的很酷，但我注意到边缘丢失了。我用Google搜索并找到了一些与此相关的链接，看起来背后有一些错误。 http://css3pie.com/forum/viewtopic.php?f=3&t=92和http://css3pie.com/forum/viewtopic.php?f=3&t=364

所以，我的问题是 - 对此有什么更好，更有效的解决方法？

Answer 1

这是适合我的东西（我也在馅饼论坛上发布） - 把它放在body标签后面（如果在标题中不起作用）：

<!--[if lte IE 7]>
<script type='text/javascript'>
document.body.onload = function(){
 document.body.style.zoom = '2';
 document.body.style.zoom = '1';
}
</script>
<![endif]-->

然后，在你的css中，对于每个具有下边距的“pie”d元素，为这样的下边距添加一个“表达式”语句：

.my_div {margin-bottom: 10px; margin-bottom: expression('10px');}

无边框元素仍然没有显示正确的边距可能需要一个边框（类似“border-bottom：1px solid transparent;”就好了。不要使用“margin-bottom：-1px”来取消它或者它赢了不行。此外，如果你想要在pie'd元素中出现绝对元素，你仍然需要在自己的包装器中将pie元素中的浮动元素包装起来（普通div会这样做）。（不知道连接是什么，但它有效）

CSS3Pie边距设置为零

1 个答案: