Hello there fellow people of the interweb.

 

I would like a bit of help, maybe just some advice is apt, you decide.

 

So I have a website which is currently a live Beta test on my domain. The address is:

http://luxis.co.uk/lisa-oellig/

 

If you view the webpage in Mozilla firefox or such-like, you will see the background of the div's have been assigned opacity in CSS:

 

background-: rgb(144, 144, 144);

background: rgba(0, 0, 0, 0.6);

 

However... This CSS does not seem to work in Internet Explorer *Shock horror*... So I have used a CSS statement to revert to an alternate stylesheet:

 

<!--[if IE]>

<link rel="stylesheet" type="text/css" href="alternatestyle.css" />

<![endif]-->

 

... I'm not happy with this, I would really like to make the Opacity work, semi-functional web-pages are not good. Lé boss will string-me-up and (proverbially) cut me up.

 

I considered this for a while:

 

<?php

if (strpos($_SERVER['HTTP_USER_AGENT'], 'MSIE') !==FALSE) {

echo '<p class="explorer">This page my contain elements that 'Internet Explorer' doesn't support.</p><br/>';

}

?>

 

But no, that's just nasty... Furthermore... I would love your assistance on this matter... Can the love story of Internet Explorer and CSS Opacity have a happy ending afterall?...

 

Alex O'Connor ~

Opacity or filter does work in IE7. I found that IE8 needs -ms- prefix and filter as Opacity is not supported. There is a general guide here:-

http://www.wickham43.net/opacity.php

But no, that's just nasty... Furthermore... I would love your assistance on this matter... Can the love story of Internet Explorer and CSS Opacity have a happy ending afterall?...

 

Alex O'Connor ~

 

Using CSS Opacity like recommended above by Wickham will result in the whole div being transparent, including text. You can get around that by having text in another div and absoluting that ontop, but that's a hassle.

 

What it'd do is use a transparent PNG as your background for the div, then you don't need to worry about css support.

 

IE5.5/6 don't support transparent pngs, but with http://www.twinhelix.com/css/iepngfix/demo/ you can support even them.

 

Other tips that can improve your site. In the gallery you're using the full images scaled down with html for the thumbnails, this causes the page to take an age to download, you really need proper thumbnail images downscaled to the right size.

 

Also on the large background image you have on the homepage, it looks visually very good, however it takes an age to download due to it's 800kb size, quickly you can cut that more than in half without visible loss of quality. Additionally it's not progressively loading, im not sure whats causing that.

Duly noted. Thank-you all!

It's a beta, the gallery will not be HTML. It will be done in PHP. I am aware of this. The website is not live, thankyou for the thought though.

 

Aleeex~