Ask your WordPress questions! Pay money and get answers fast! (more info)

Transparency Issue WordPress

  • SOLVED

I have a transparent text box in the homepage slider of the website http://rwgriffin.com. The box does not show up at all in IE8 or lower. I have tried several things (filters/z-index changes), but nothing seems to work. I wouldn't mind if the box is solid black in lower versions of IE, but I just want something to show up.

Answers (3)

2013-09-16

zebra webdesigns answers:

Hi can you send me the site details.. I can help you to fix the issues and make the site compatible with all browsers.
the style sheet is little messy. if you can do it yourself I will send the exact styles as soon as possible

you can contact me through skype: bhuvan530531


zebra webdesigns comments:

you can follow arnovs suggestion

or else you replace the line number 193 as
so that IE browsers will take the black color.
or else the best method is create png image with the transparency and set it as background with repeat option.
thats the best method

#sidebar-featured {
background-color: black;
background-color: rgba(0, 0, 0, 0.75);
border-radius: 10px 10px 10px 10px;
color: #FEFEFE;
float: right;
height: 300px;
position: absolute;
right: 15px;
top: 15px;
width: 275px;
z-index: 1;
}


zebra webdesigns comments:

As I said before I created the transparent image

here is the image URL
http://s17.postimg.org/hqlwrel5n/black_trans_75.png?noCache=1379339709

also attached with this post. and below is the CSS

#sidebar-featured {
background: url("http://s17.postimg.org/hqlwrel5n/black_trans_75.png?noCache=1379339709") repeat scroll 0 0 transparent;
border-radius: 10px 10px 10px 10px;
color: #FEFEFE;
float: right;
height: 300px;
position: absolute;
right: 15px;
top: 15px;
width: 275px;
z-index: 1;
}

just replace the image URL

tested in IE
works without any flaws in all browsers