I ran into an issue recently where I had displayed background images as bullet replacements for my list.
By using a piece of CSS code such as:
ul#list li { background: transparent url(/img/bullet.png) no-repeat; list-style-type:none }
This allowed me to put in my own custom bullet image. Although this worked well on all browsers (disregarding IE6), the image failed to display on IE7.
To resolve this, in the background declaration, I had to replace ‘transparent’ with an actual background image colour.
Therefore rewriting the declaration to:
ul#list li { background: #fff url(/img/bullet.png) no-repeat; list-style-type:none }
This worked for me. Although this may not be ideal if you have a gradient background behind your bullet styles, but it works.
I have been fortunate in working a lot more with Kubernetes lately over the last few months so I've been…
Building my portfolio site, I thought I'd show you how I set up my Wordpress development using Docker. Given the…
Frustrated with getting blank images in Puppeteer Chrome screenshots, recently I was in a situation where I needed to migrate…
It has been six year since my last major revamp/redesign of my current petertran.com.au portfolio site. So what are my…
This article helps to solve a Bad owner or permissions on .ssh/config issue occurring on a Windows 10 machine when…
Only a few lines of code required is to implement a payment system, thanks to inline Pin Payments integration. Accepting…