Joomla Templates Club 406,261 posts

[Alice Ching Friend Alice ChingJoin date: September 2014Posts: 84Downloads:8Uploads:13 Thanks: 3 Thanked: 2 times in 1 posts]

#198766

Hi Joomlart team,

I noticed that my site and also your demo site with Modern style in IE8, that the top banner and the portfolio full screen background image are not working. The images do not stretch to full width or height like it is in Firefox.

http://ja-onepage.demo.joomlart.com/index.php/en/2012-12-25-09-24-24/modern-style

Please provide a fix?

Thanks,

Will

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#538839

Hi Will,

Yes, we implement this part via CSS3 property ‘background-size: cover‘ and this property haven’t been supported in IE8 yet. There’s a workaround below for this matter but it’s buggy as well:

Please open the custom.css file (just create a new one if you don’t have), more detail can be found here.

Then add the following declarations to this custom.css file :

.hero-unit {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.your-bg-image.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='your-bg-image.jpg', sizingMethod='scale')";
}
.portfolio {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.your-bg-image-2.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='your-bg-image-2.jpg', sizingMethod='scale')";
}

Please make sure, you change your background image accordingly.

Hope it helps.

[Author]

Posts