Question

I have got a table with white font on a blue background as you can see its not the easiest to read. is there any font/solution to make it a bit more eye friendly with css. im using ie6

(the info displayed is made up)

edit: I cant change the background image and colour because theyre the companies colours

Answer 1

You could give the tablecells a solid black background, and then make it slightly transparent.

td { 
   /* Fallback for web browsers that doesn't support RGBa */
   background: rgb(0, 0, 0);
  /* RGBa with 0.6 opacity */
  background: rgba(0, 0, 0, 0.6);
}

(css is from http://robertnyman.com/2010/01/11/css-background-transparency-without-affecting-child-elements-through-rgba-and-filters/ , look there if you want to make it compatible with MSIE)