html - CSS background image no-repeat only working in Firefox -
.myclass{ background-image: url('http://image.flaticon.com/icons/svg/34/34164.svg'); background-repeat: no-repeat; background-size:contain; background-position: 1.5%; }
all rows (tr) of table have class myclass: <tr class="myclass">
in firefox image displayed in cells of first column of table in chrome , opera cells of table have background image. make sure shows in first column in chrome , opera well?
here html:
<table> <tr class="myclass"> <th>company</th> <th>contact</th> <th>country</th> </tr> <tr class="myclass"> <td>alfreds futterkiste</td> <td>maria anders</td> <td>germany</td> </tr> </table>
set this
.myclass td:first-child { background-image: url('http://image.flaticon.com/icons/svg/34/34164.svg'); background-repeat: no-repeat; background-size:contain; background-position: 1.5%; }
Comments
Post a Comment