fancybox iframe IE закругленные углы

Question

Я попробовал несколько решений, чтобы получить скругленные углы для iframe fancybox в IE, но безуспешно.

DD_roundies и PIE.htc, похоже, не работают.

Кто-нибудь нашел решение, которое работает?

Вот мой код:

    $("a.fancyboxGeneral").fancybox({
        'width': 521, 
        'height': '75%',
        'autoDimensions': true,
        'autoScale': true,
        'type': 'iframe',
            'onComplete': function () {
                DD_roundies.addRule('#fancybox-title', '5px', true);
                DD_roundies.addRule('#fancybox-outer', '10px', true);
                DD_roundies.addRule('#fancybox-wrap', '10px', true);
            }
    });

#fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
    z-index: 1101;
    outline: none;
    display: none;
    -moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;
    behavior: url(PIE-1.0beta3/PIE.htc);
}

#fancybox-outer {
    position: relative;
    width: 100%;
    height: 100%;
    background: #fff;
    -moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;
    behavior: url(PIE-1.0beta3/PIE.htc);
}

Спасибо

Answer 1

Просто хотел сообщить вам (и другим, кто может это исследовать), что Fancybox2 включает border-radius в свойствах .fancybox-skin и .fancybox-title-float-wrap .child и работает в IE9 (версия Я бегу на своем компьютере).

Answer 2

Я точно могу понять, почему у вас возникнут проблемы с округлением углов IFrame в IE без помощи CSS. Я сомневаюсь, что кто-нибудь из известных хаков сможет с этим справиться (хотя вы можете упомянуть об этом на форуме CSS3Pie).

Моим первым предложением было бы жить с квадратными углами в IE. Я знаю, что это, вероятно, не тот ответ, который вы ищете, но это может быть самый прагматичный подход. Насколько плохо это на самом деле выглядит? Если вам потребуется куча усилий, чтобы понять это, насколько ваши пользователи на самом деле будут заботиться?

Если вы определенно хотите скруглить углы, я бы предложил использовать обертку <div> и вместо этого скруглить углы.

Вы могли бы попытаться разместить его за пределами iFrame, но у меня есть подлое подозрение, которое может не сработать; Я думаю, что углы iFrame будут кровоточить по закругленным углам контейнера div, если вы не дадите контейнеру отступ для компенсации. Это, конечно, несколько меняет ваш макет страницы, но я думаю, что это будет наиболее подходящее для вас решение.

Альтернативный вариант - поместить закругленные углы внутри iframe - т.е. создать элемент внутри iframe с закругленными углами и поместить оставшуюся часть содержимого iframe внутри него. Это решение, конечно, окажет большое влияние на то, как вы заполняете iframe. В зависимости от того, на что похож ваш контент и откуда он взялся, это может быть нелегко достичь.