Just tested and it worked like a charm. Currently no chance to test on MSIE8, but the logo will be displayed in Chrome and Firefox on Windows and Firefox and Safari on OS X.
Why do you check as resolved while you were not even able to verify on IE8? I mean I specifically stated IE8.
Maybe try with https://spoon.net/browsers#/browsers
View post on imgur.com
Sorry, ’twas a reflex. No bad intention.
No problem… will wait for you to test. Any clue why adding the CSS above don’t display the little logo but it’s fine when I remove styling?
Need to get in touch with the browser-update.org team since adding a background color overrides the icon for unknown reasons.
To change background color it’s better to use background-color in this case because background is used to set the background image.
Then I asked if it would be possible to add a div around the logo so it can have a different background color and also we will be able to add padding around it so it looks good next to the warning message but been told it cannot be done because many sites already use it and that could mess.
Looks like it can be done with ::before but no idea how… I’m only ok with basic old CSS.
W3 Schools is a great website I recommend to start learning CSS3. 😉
In regards to the DIV: No change/implementation planned.
In regards to the background: No change planned. Why?
- background-image is the appropriate property you were referring to.
- background-color is specifically for assigning a background color. *surpise*
- background is the shorthand property that holds a whole bunch of values. It starts with the color, then the image source and so on.
Thanks for your input!