Question

I have developed a simple website using HTML5 and CSS3. I had lots of difficulties making it compatible with browsers other than chrome. “Changing the background image” Animation did not work in Firefox, IE. It worked only in Chrome. I want that visitors of my website should be able access website only if they have chrome, else it should give a warning message, or it may then open the chrome download page. I just don’t want visitors to be able to view the “not so pleasant” website that is actually very bad in all other browsers but not chrome.
JavaScript would be good but I don’t know anything about it. You can check the website here: http://aspspider.org/samarth

Answer 1

Try google frame. It could load as soon as client is IE browser:

http://www.google.com/chromeframe?prefersystemlevel=true

Alternatively detect if browser is Chrome using JS:

<script type="text/javascript">
var is_chrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1;
if (!is_chrome) window.location.href = "/get-chrome"; // or something...
</script>