Topic: Transparent background doesn't work
I've tried what is told in the FAQ and tried several solutions given on the forums here, but nothing worked.
The website I'm talking about is:
http://www.petravanberkum.nl
As you can see there is a border where you can see a bit of the background but I want it all visible!
Just don't know what the problem exactly is.
I've tried different functions
like
fo.addParam("wmode", "transparent"); but that doesn't work (it won't show the gallery anymore)
I've got this:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Petra van Berkum - Illustraties</title>
<!-- Download SimpleViewer at www.airtightinteractive.com/simpleviewer -->
<script type="text/javascript" src="swfobject.js"></script>
<style type="text/css">
/* hide from ie on mac \*/
html {
height: 100%;
overflow: hidden;
}
#flashcontent {
height: 100%;
}
/* end hide */
body
{
background-attachment: fixed;
background-image: url("backss.jpg");
background-position: top left;
background-repeat: no-repeat;
}
a {
color:#cccccc;
}
</style>
</head>
<body>
<div id="flashcontent">SimpleViewer requires JavaScript and the Flash Player. <a href="http://www.macromedia.com/go/getflashplayer/">Get Flash.</a></div>
<script type="text/javascript">
var params={}; params.wmode="transparent";
var fo = new SWFObject("viewer.swf", "viewer", "100%", "100%", "8");
fo.write("flashcontent");
</script>
</body>
</html>Can anyone please help?