CODEWITHSUNDEEP
javascripthtmlcssinternet-explorer-8
SivaRajini
SivaRajini

Reputation: 7375

rgba not working in IE8 how to solve this

i knew rgba will not work in ie8 browser. how can i solve this.

please refer below html

<html>
<head>
<style type="text/css">
body
{
background-color:black;
}
.navitem
{
color:red;
}
.navitem:hover
{
 background: rgba(255, 255, 255, 0.3); /* browsers */
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4cffffff', endColorstr='#4cffffff'); /* IE */

}
</style>
</head>
<body>
<a class="navitem">Hot Alerts</a>
</body>


</html>

i googled and found the solutions in below link and i tried use that solution but still not working. what is the exact problem how can i solve this.

the below link i referred.

CSS background opacity with rgba not working in IE 8

Thanks,

Siva

Upvotes: 1

Views: 1138

Answers (2)

kthornbloom
kthornbloom

Reputation: 3730

You can either use a .png as a background image, or just set a solid color fallback for IE8. The fallback would work like:

.navitem:hover {
    /* solid color fallback */
    background: rgb(100,100,100);
     /* modern browsers */
    background: rgba(255, 255, 255, 0.3);
}

Upvotes: 4

Joe RR
Joe RR

Reputation: 262

i use this site to generate the rgba for IE 8 and works: http://kimili.com/journal/rgba-hsla-css-generator-for-internet-explorer/

please try. type at first field like this: "rgba(0,0,0,0.5)" the output is your code for use in IE

Upvotes: 1

Related Questions