html таблица фона не отображается?

У меня есть вложенная таблица внутри каждой ячейки моей внешней таблицы. Я хочу установить фоновое изображение для одной из ячеек, поэтому я создал специальный класс под названием «innerraya», чтобы установить фоновое изображение для этой вложенной таблицы. Однако ничего похоже, вообще изменилась.html таблица фона не отображается?

HTML

<td class="luar"> 
     <table class="innerraya"> 
      <tr> 
       <td>7</td> 
       <td colspan="2"></td> 
      </tr> 
      <tr> 
       <td colspan="3" id="d7"> 
         <p id="d7Event"></p> 
        </td> 
      </tr> 
      <tr> 
       <td colspan="2"></td> 
       <td style="text-align:right">29</td> 
      </tr> 
     </table> 
     </td>

CSS

.innerraya 
{ 
    width:100%; 
    height:100%; 
    position:absolute; 
    background-image:url("daunketupat.jpg"); 

}

ВЫВОД

он работает сейчас, но вся таблица облажался

Изображение есть, если я использовал его как фон td или обычный img src, но не работает, если весь фон таблицы был изменен. В чем причина?

источник

2016-03-21 Syed Ariff

Так как ваши клетки, как представляется, имеют цвет фона, фон стола скрыт – LGSon

Как отобразить его ? –

Пожалуйста, разместите изображение, показывающее, как оно выглядит, когда изображение находится в td – LGSon

Перейди URL-адрес ниже, я создал jsfiddle для вас:

https://jsfiddle.net/ew55L41b/

Надеется, что это поможет вам :)

Также код ниже:

<table> 
    <tr> 
     <td> 
      <table class="innerraya"> 
       <tr> 
        <td>7</td> 
        <td colspan="2"></td> 
       </tr> 
       <tr> 
        <td colspan="3" id="d7"> 
         <p id="d7Event"></p> 
        </td> 
       </tr> 
       <tr> 
        <td colspan="2"></td> 
        <td style="text-align:right">29</td> 
       </tr> 
      </table> 
     </td> 
     <td> 
      <table class=""> 
       <tr> 
        <td>7</td> 
        <td colspan="2"></td> 
       </tr> 
       <tr> 
        <td colspan="3" id="d7"> 
         <p id="d7Event"></p> 
        </td> 
       </tr> 
       <tr> 
        <td colspan="2"></td> 
        <td style="text-align:right">29</td> 
       </tr> 
      </table> 
     </td> 
    </tr> 
</table>

CSS ---

table.innerraya 
{ 
    width:100%; 
    height:100%; 
    position:absolute; 
    background-image: url("http://www.w3schools.com/cssref/paper.gif"); 
}

источник

2016-03-21 08:16:43 satya

Это работает, но, к сожалению, для моего случая это не работает, потому что у меня есть внешняя таблица. Мне бы хотелось поделиться ею, но код довольно длинный. Что вы предлагаете мне? –

Обновлен JSfiddle с внешней таблицей: https://jsfiddle.net/ew55L41b/2/ – satya

ЭТО РЕШЕН!

Проблема заключается в том, что внутренняя раскладка таблицы не исправлена, поэтому мне пришлось добавить этот код внутри класса innerraya.

table-layout: fixed;

Весь код выглядит следующим образом:

table.innerraya 
{ 
    width: 100%; 
    height: 100%; 
    table-layout: fixed; 
    background-image: url("daunketupat.jpg"); 
    background-repeat: no-repeat; 
    background-size: 100% 100%; 

}

ВЫВОД

источник

2016-03-21 08:43:08

html таблица фона не отображается?

ответ

Смежные вопросы