I have programmed a test page for my photo website which includes a css only slider that I adapted from a programming blog. It works fine in Chrome but doesn't show at all in IE. I am using IE10.
I also have use css blur on another image which works in chrome but not in IE10.
I have looked on the internet and found suggestions like change image width to 100% and to put the slider in a container. They don't work.
I also use in the html
<title>Tony's photo site</title>
<link rel="stylesheet" type="text/css" href="index.css">
<link rel="stylesheet" type="text/css" href="index-2.css">
<link rel="stylesheet" type="text/css" href="index-3.css">
<!--[if IE]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
</head>
There are 3 index files because 2 of them are long.
You can see the website http://www.what-do-christians-believe.co.uk/photo-site/index-3.html