CSS3Pie поля установлены на ноль - PullRequest
Новая
       12

CSS3Pie поля установлены на ноль

0 голосов
/ 09 сентября 2011

У меня есть такие 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

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

1 Ответ

2 голосов
/ 18 ноября 2011

Вот кое-что, что сработало для меня (я также разместил это на форуме с пирогами) - Поставьте это сразу после тега 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, имеющему нижнее поле, добавьте выражение "expression" для нижних полей, например: 

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

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

...