|
Post by Saknika on Apr 29, 2008 3:28:07 GMT
So, here is the site: www.photo-phantasy.comWhat's happening is, in IE only, I get a big white box rather than transparency. And I've sat and fiddled with this thing trying every trick I know of to fix it, but I've been unsuccessful without making it look terrible in all other browsers. Anyone have ideas on a solution that won't require me to change the images and colour scheme drastically?
|
|
|
Post by James on Apr 29, 2008 4:03:15 GMT
Does the same thing in Opera.
I'd say try this. With your "home.html" page, and whatever other pages that are loaded in your iframe, add this to your CSS document....
body { background-color: transparent; }
See if that fixes it.
|
|
|
Post by Saknika on Apr 29, 2008 6:27:50 GMT
I've tried that, and it didn't work.
Okay... so IE and Opera won't load it right... >.<;
|
|
|
Post by eternity on Apr 29, 2008 10:39:14 GMT
have you tried adding
filter:alpha(opacity=75); -moz-opacity:0.75; opacity:0.75;
to the css? it works for me on my website. obviously change the numbers to suit you
|
|
|
Post by Saknika on Apr 29, 2008 16:31:41 GMT
I did try that actually. And it sort of worked, but it destroyed my white text as well. Which confused me, because that code shouldn't touch the text.
|
|
|
Post by eternity on Apr 30, 2008 8:41:04 GMT
Yeah, I think it applies the opacity to anything within it too. Sorry it didn't help.
|
|
|
Post by Saknika on Apr 30, 2008 17:32:20 GMT
That would make sense. Thanks anyways E.
|
|
Fauxy
New Member
Posts: 12
|
Post by Fauxy on May 2, 2008 11:03:59 GMT
You have to use some workarounds for IE. I believe you have to set the color of the test, or the opacity of it, to a different value after you set the opacity of the box. I forget now
|
|
|
Post by Dalton on May 3, 2008 23:14:29 GMT
I knew the answer to this one and forgot completely to post it. First; make sure the Iframe is set like this
<iframe width="70%" height="500px" name="name here" src="Load Source Here" frameborder=0 ALLOWTRANSPARENCY="true"></iframe>
Then Make sure the html document it is loading has
<style> body {
background-color: transparent;
} </style>
That should work. It was having problems in IE because it auto fills in things without color unless you do it that way.
Im really sorry I took so long to get around to responding >_>.
<3
Dalton
|
|
|
Post by (¯`•DregondRahl•._) on May 4, 2008 15:34:23 GMT
if that doesn't work you may need to be sneaky and use z-index and put all the text in a div. >.>
|
|
|
Post by Dalton on May 4, 2008 23:00:38 GMT
if that doesn't work you may need to be sneaky and use z-index and put all the text in a div. >.> Ah. Good Idea. I didnt think about that.
|
|
|
Post by Saknika on May 5, 2008 3:53:10 GMT
I knew the answer to this one and forgot completely to post it. First; make sure the Iframe is set like this <iframe width="70%" height="500px" name="name here" src="Load Source Here" frameborder=0 ALLOWTRANSPARENCY="true"></iframe> Then Make sure the html document it is loading has <style> body {
background-color: transparent;
} </style>
That should work. It was having problems in IE because it auto fills in things without color unless you do it that way. Im really sorry I took so long to get around to responding >_>. <3 Dalton This should work. I'm going to try it out... and then ask my parents to check since Beta 8 IE killed IE on my laptop. >.< I'll let you know what they say. Thanks so much! EDIT: It worked! MANY THANKS!
|
|
|
Post by Dalton on May 6, 2008 11:18:40 GMT
You're welcome. Glad I could help.
|
|