Как избавиться от границы для iframe в IE8

Ответ 1

Добавьте атрибут frameBorder (обратите внимание на капитал "B" ).

Итак, это будет выглядеть так:

<iframe frameBorder="0">Browser not compatible.</iframe>

Ответ 2

Вы пытались установить его с помощью CSS?

iframe {
    border:0px none transparent !important;
}

Кроме того, они тоже работают - marginheight="0" marginwidth="0" frameborder="0". Взято из этого сообщения в том же выпуске IE.

Ответ 3

Попробуйте следующее:

<iframe frameborder="no" />

Ответ 4

Я понимаю, что IE8 является досадой, когда дело касается iFRAMES. "Frameborder" устарел в HTML5, поэтому, хотя это самый простой вариант для IE8, это не долгосрочное решение.

Я успешно спрятал границы и полосы прокрутки, разместив iFRAME внутри контейнера. Сам контейнер iFRAME помещается внутри div для общего позиционирования на веб-странице. IFRAME сам по себе является абсолютным позиционированием и отрицательными полями, применяемыми как к верхним, так и к левым, чтобы скрыть верхнюю и левую границы. Ширина и высота абсолютно позиционированного iFRAME должны быть закодированы более чем на 100%, поэтому он превосходит родительский размер до той точки, что правая и нижняя границы не видны (также полосы прокрутки не видны). Этот метод также делает iFrame отзывчивым, потому что контейнер iFRAME использует проценты, а также div, который содержит контейнер. Конечно, родительский div iFRAME должен быть установлен в overflow: hidden.

Вот пример кода:

    /*THE PARENT DIV FOR THE iFRAME CONTAINER*/
    .calcontainer
        {
        width:100%;  /*adjust iFrame shrinking here - if floating use percentage until no white space around image.*/   
        max-width:200px;     
        margin:auto;     
        }


    /*THE RELATIVE POSITIONED CONTAINER FOR THE iFRAME*/

    .calinside  /*container for iFRAME - contents will size huge if the container is not contained and sized*/
        {   
        position:relative; /*causes this to be the parent for the absolute iFRAME*/
        padding-bottom: 100%; /* This is the aspect ratio width to height ratio*/
        height: 0;
        overflow:hidden; /*hides the parts of the iFRAME that overflow due to negative margins and over 100% sizing*/     
        }


/*THE ABSOLUTE POSITIONED iFRAME contents WITH NEGATIVE MARGINS AND OVER 100% SIZE IS CODED HERE.  SEE THE NORMAL SETTINGS VERSUS THE IE8 SETTINGS AS MARKED.  A SEPARATE CSS FILE IS NEEDED FOR IE8 WITH A CONDITIONAL STATEMENT IN THE HEAD OF YOUR HTML DOCUMENT/WEB PAGE*/

    .calinside iframe
        {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;/*must expand to hide white space to the right and below.  Hidden overflow by parent above*/
        height: 103% !important; /*must expand to hide white space to the right and below.  Hidden overflow by parent above*/
        /*IE8*/top: -2%;
        /*IE8*/left: -2%;   
        /*IE8*/width: 114% !important;/*For IE8 hides right border and scroll bar area that is white*/  
        /*IE8*/height: 105% !important; /*hide white space and border below.  Hidden overflow by parent above*/          
        }

Ответ 5

frameborder может быть 1 или 0, не уверен, что "нет" является допустимым значением. Coda предоставляет допустимые значения при кодировании, и только 1 и 0 доступны для использования, когда я делаю это с моим IFrame.