By kingto on

Hello,

the top bar of http://news.bbc.co.uk is rather beautiful in my opinion as it's translucence.
i just would like to use it on my site. I saw the value it used was:

BACKGROUND: none transparent scroll repeat 0% 0%; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000)"

however, this may not support with FF & chrome.
when i use it on my site, the bar just shows into gray colour under Firefox and chrome, but there's fine under IE7.
is there anyone can help me with this issue? how can i solve it?

Cheers for your help!

⋅ Categories: Drupal 6.x

Comments

looplogic’s picture

looplogic commented

Hi,
it looks like they're using RGBA color for browsers which support it (modern browsers, including IE9):

#div {
  /* rgba(r color, g color, b color, opacity) */
  background: rgba(0, 0, 0, 0.4);
}

and then using IE filters (the 'FILTER: progid:DXImageTransform.Microsoft.gradient....' code you mentioned) to deal with IE8 and IE7, which don't support RGBA color.

kingto’s picture

kingto commented

wow, i see, many thanks for your kind help!