browser compatibility

[dmlux]

That's just a great implementation of translucency, but if i test it on mozilla it doesn't work. All kind of webkit browsers (safari, chrome and opera) can handle it but not mozilla.

[gerbenvandijk]

Simply add the CSS properties for the transform on the canvas element:

$("canvas").css("-webkit-transform", "translatey(-" + $(window).scrollTop() + "px)");
$("canvas").css("-moz-transform", "translatey(-" + $(window).scrollTop() + "px)");  
$("canvas").css("-ms-transform", "translatey(-" + $(window).scrollTop() + "px)");   
$("canvas").css("-o-transform", "translatey(-" + $(window).scrollTop() + "px)");    
$("canvas").css("transform", "translatey(-" + $(window).scrollTop() + "px)");   

This makes it work in FF, Opera, Chrome, Safari, and IE9 >

[gerbenvandijk]

@abduzeedo maybe you could include this in the repo :+1:

[herdin]

@gport thx for you comment, add your code it works in FireFox, but it still doesn't work in Chrome..... Chrome blur only Text.. i can't blur Image ..:(

[gerbenvandijk]

Are you using background-position: cover or background-position: contain on those images?

[herdin]

@gport I just downloaded this project as a zip file, and unzipping it, and run on Chrome. that's all i did. but Chome couldn't blur image that is on the project..

[alexanderradahl]

When I see the demo you are linking to it's working, the images get blurred. But when I download it and run it in my browser, it doesn't work.

[holgersindbaek]

@alexanderahlsen Same here.

[matikucharski]

And here.

[chaddanna]

So I am just curious, but was this project abandoned after this point? I see many folks having the same issue I am with the images not working from the downloaded example.

[gerbenvandijk]

Guys, I think the article on Abduzeedo is over 2 years old and safe to assume that they are not updating this code anymore. You should try it out with the updated version of the html2canvas library; I've been using it in production sites for a while now.

[chaddanna]

@gerbenvandijk That is agreeable. Thanks

[fiatluox]

it works fine, upload the unzipped files to your live server then run index

[fiatluox]

big thanks to the man who wrote this repo