|
|
Welcome to the UndergroundScene Forums forums. You are currently viewing our boards as a guest which gives you limited access to view most discussions and access our other features. By joining our free community you will have access to post topics, communicate privately with other members (PM), respond to polls, upload content and access many other special features. Registration is fast, simple and absolutely free so please, join our community today! |
|
|||||||
 |
|
|
LinkBack | Thread Tools | Display Modes |
23rd November 2005, 05:15 PM
|
#1 (permalink) |
|
c h r o m a k e y e r
Join Date: Jul 2005
Location: Dundee, Scotland.
Posts: 966 Band: i'm involved with your mum
  |
bit of help
right, can I make an iframe linked to another page, but make the background of the iframe page transparent so you could see the background on the page it is on?
|
|
    
|
|
24th November 2005, 12:57 PM
|
#2 (permalink) | |
|
Senior Member
Join Date: Sep 2002
Location: www.carbonhideout.com
Posts: 4,712 Band: Carbon
|
Quote:
What i do is take a portion of the background image from the main page (same size as the i-frame is going to be) then use that as the background for the iframe. This gives the appearance that the i-frame is transparent. it also looks better if you have the background properties as fixed so that when the iframe scrolls the background remains static. You can see two examples of where I have used this effect on the Boss Koala website and the 3rd Born Sun website hope thats of some help! Col |
|
|
|
|
|
24th November 2005, 01:04 PM
|
#3 (permalink) |
|
Registered User
Join Date: Nov 2005
Location: Scotland | Dundee
Posts: 118
|
I'm with Pixels|Ink in this one I'm afraid.
I do not know of a way to make the iFrame background transparent and would say the only way to achieve the appearance that it is, is to make the background image 'look' like the frame is making it transparent, as Pixels|Ink mentioned. Sorry - Couldn't be of further help |
|
|
|
|
24th November 2005, 02:30 PM
|
#4 (permalink) |
|
Registered User
Join Date: Nov 2005
Location: Scotland | Dundee
Posts: 118
|
Ok - These are the solutions I have come up with:
Opacity Function: <iframe style="filter: progid: DXImageTransform.Microsoft.Alpha(opacity=75);" src="filename.htm" width="500" height="300"></iframe> Note: There are no spaces after the ':' on both counts... just that emoticons appear other wise. The other disadvantage is that it ONLY works in Internet Explorer and it will make any scroll bars appear opaque as well... Complete Transprancy: <iframe src="filename.htm" allowtransparency="true" background-color="transparent" > </iframe> If I find something that works better or also works in Firefox I will let you know... Last edited by ZenElements : 24th November 2005 at 02:34 PM. Reason: Small error in the code... |
|
|
|
|
24th November 2005, 07:47 PM
|
#6 (permalink) | |
|
Senior Member
Join Date: Sep 2002
Location: www.carbonhideout.com
Posts: 4,712 Band: Carbon
|
Quote:
in the iframe page add bgproperties="fixed" just after the body tag here is a clipping of the html from the boss koal i-frame: <body background="../images/iframe_background.jpg" bgproperties="fixed" leftmargin="0" marginheight="0" marginwidth="0" topmargin="0"> Col |
|
|
|
|
|
| Thread Tools | |
| Display Modes | |
|
|
Linear Mode
