Поля CSS3Pie устанавливаются равными нулю

у меня такой 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, это действительно круто, но я заметил, что поля теряются. Я погуглил и нашел несколько ссылок, связанных с этим, похоже, за этим стоят какие-то ошибки. http://css3pie.com/forum/viewtopic.php?f=3&t=92 и http://css3pie.com/forum/viewtopic.php?f=3&t=364

Итак, и мой вопрос: какой лучший и более эффективный обходной путь для этого?


css internet-explorer css3pie
person halera    schedule 08.09.2011    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Вот кое-что, что сработало для меня (я также разместил это на форуме пирога) - поместите это сразу после тега 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');}

Элементы без полей, по-прежнему не отображающие правильные поля, могут потребовать границы (что-то вроде «граница-нижняя часть: 1px сплошная прозрачная;» в порядке. ). Кроме того, вам все равно нужно будет обернуть плавающие элементы в элементе pie'd в их собственную оболочку (подойдет обычный div), если вы хотите, чтобы абсолютные элементы в элементе pie'd отображались. (не знаю, что за связь, но работает)

person nzn    schedule 18.11.2011