CSS在Firefox中看起來與Google Chrome不同，我該怎麼辦？

爲了好玩，我正在做一個每行有兩個單元格的表格。我希望在第一行中的細胞具有相同的圖片，所以我在CSS中寫道：CSS在Firefox中看起來與Google Chrome不同，我該怎麼辦？

tr:nth-child(1){ 
background-image:url("cat.jpg"); 
background-size:cover; 
border-radius:10px; 
}

和我的HTML代碼如下所示：

<tr> 
    <td>Ruta 1</td> 
    <td>Ruta 2</td> 
</tr> 
<tr> 
    <td>Ruta 3</td> 
    <td>Ruta 4</td> 
</tr>

所以，你應該有相同的每個單元格上的圖片，我在Google Chrome中都有。但是，當我在Firefox中使用它時，我通過兩個單元格獲得了相同的圖片。

Google Chrome和Firefox。

這是關於什麼的一切線索？我可以在CSS中編寫一些東西，使其適用於Firefox。提前致謝！

來源

2016-09-24 Sebbe Berglönn

Sättbakgrundenpåcellen'td'，intepåraden'tr' ... :) – LGSon

Om jag skriver td：n-child（1）såfårjag denpådeförstacellerna i varje rad，vilket inte var min坦克拉。 Ville ha samma bildpåsamma rad，olika bilderpåvarje rad。 Däremotsåfunkar tr：nth-child（1）td {}bäst。 –

Japp，såska dugöra。 'tr：nth-child（1）'betyder inte at t dusättervärdenpåcellerna'td'，det betyder att du menarförsta'tr' – LGSon

背景應用於細胞 - <td>，而不是行 - <tr>。

tr:nth-child(1) td { 
    background-image:url("cat.jpg"); 
    background-size:cover; 
    border-radius:10px; 
}

希望每個細胞有它自己的圖片，而不是每個行。

來源

2016-09-24 17:44:56

在firefox中不要在tr中設置背景圖像或顏色，它會產生問題。相反添加到td。

tr:nth-child(1) td{background-image:url("cat.jpg");}

來源

2016-09-24 17:44:32

CSS在Firefox中看起來與Google Chrome不同，我該怎麼辦？

回答

相關問題