Применение CSS к таблице, содержащейся в iframe - PullRequest
Новая
       4

Применение CSS к таблице, содержащейся в iframe

0 голосов
/ 22 октября 2010

Я буду предоставлять сторонний контент другим сайтам через iframe. Содержание будет представлено в виде таблицы. Есть ли способ использовать внутренние таблицы стилей, где определения определены в iframe ?? Я читал, что внутренние таблицы стилей должны быть определены только в разделе заголовка. Внешний css не вариант.

Вот пример содержимого, которое показывало бы внутри iframe. 

    <STYLE TYPE="text/css">
    .className{
            background-color: #444444;
    }
    </STYLE>


    <table>
     <tr>
        <td class="className">
           Column 1.
        </td> 
        <td>
           Column 2.
        </td>
     </tr>
    </table>

Или это единственная альтернатива для использования inline css ?

Ответы [ 2 ]

1 голос
/ 22 октября 2010

содержание iframe должно быть полным html / xhtml. То, что вы перечислили в своем вопросе, будет работать, но я не вижу причины, по которой у меня нет полных HTML-тегов, включая <head>.

<ч />

Когда вы объявляете iframe, вы должны подумать о полном HTML-файле: 

<iframe src ="myIframeContents.html">
  <p>Your browser does not support iframes.</p>
</iframe>

myIframeContents.html должен рассматриваться как любой другой html-файл. Он должен иметь теги html, head, body и т. Д. Это означает, что вы можете поместить теги <style> непосредственно в <head>, как обычно.

myIframeContents.html: 

<html>
    <head>
        <style type="text/css"> 
        .className{ 
            background-color: #444444; 
        } 
        </style> 
    </head>
    <body>
       <table> 
           <tr> 
              <td class="className"> 
                 Column 1. 
              </td>  
              <td> 
                 Column 2. 
              </td> 
           </tr> 
       </table>
    </body>
</html>
1 голос
/ 22 октября 2010

этот метод там будет работать.теги должны использоваться в заголовке документа, но могут появляться и в других местах и ​​быть локальными для этой ветви DOM, включая iframes

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...