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%; } 

http://codepen.io/brianmtreese/pen/xkwvqx


Comments

Popular posts from this blog

mysql - Dreamhost PyCharm Django Python 3 Launching a Site -

java - Sending SMS with SMSLib and Web Services -

java - How to resolve The method toString() in the type Object is not applicable for the arguments (InputStream) -