そうですか。
Chromeでは正常表示されているようなのに、なぜでしょうね。
差し支えなければ、Webページのアドレスを教えてください。

スライドショーが作りたくてここへたどり着きました。
大変有益な情報をご提供頂きありがとうございます。

tyosbb様、早速ご回答いただきありがとうございます。
５枚目写真を削除して編集したのですが画面で確認したところ４枚目が終わったあと、最初の画像に戻らず、白い画像があり最初の画像に戻ります。
以下のようにcssを記述しています。（画像サイズ変更しています）
どこがおかしいかおわかりでしょうか。ご面倒をおかけして申し訳ありません。
また教えていただければ幸いです。

stage {
position: relative;
width: 770px;
height:260px;
margin: 0 auto;
}
#photo1,#photo2,#photo3,#photo4 {
position: absolute;
width: 770px;
height: 260px;
}
#photo1 img,#photo2 img,#photo3 img,#photo4 img{
opacity:0;
-moz-animation: imgTrans 32s infinite;
-webkit-animation: imgTrans 32s infinite;
animation: imgTrans 32s infinite;
}
#photo1 img {
-moz-animation-delay: 0s;
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
#photo2 img {
-moz-animation-delay: 6s;
-webkit-animation-delay: 6s;
animation-delay: 6s;
}
#photo3 img {
-moz-animation-delay: 12s;
-webkit-animation-delay: 12s;
animation-delay: 12s;
}
#photo4 img{
-moz-animation-delay: 18s;
-webkit-animation-delay: 18s;
animation-delay: 18s;
}

#frame {
width: 770px;
height: 260px;
position: relative;
overflow: hidden;
}
@-webkit-keyframes imgTrans {
0% { opacity:0; }
7% { opacity:1; }
25% { opacity:1; }
32% { opacity:0; }
100% { opacity:0; }
}
@-moz-keyframes imgTrans {
0% { opacity:0; }
7% { opacity:1; }
25% { opacity:1; }
32% { opacity:0; }
100% { opacity:0; }
}
@keyframes imgTrans {
0% { opacity:0; }
7% { opacity:1; }
25% { opacity:1; }
32% { opacity:0; }
100% { opacity:0; }
}

もうしわけありません、印刷プレビューでみようとしたところ
画像が印刷できなくなっております。
できれば印刷できるようにしてほしいのですが・・・。

乙ちゃんへ

.pic img のanimation: imgTrans 60s infinite;となっていて、
photo20のanimation delayが57sになっていますか？

なっていなかったら、delayの設定を見直してください。

@keyframes imgTrans {　以下も私が示した記述になっていますか？

はじめまして。らいだーと申します。
CSSの勉強を始めまして、このページに行きつきました。とても勉強になって助かっています！
ぜひ、アドバイスを頂きたい事項がございます。

１枚の表示時間６秒、合計１１枚のスライドショーを作成しています。
下のCSSを組んでいるのですが、１１枚目が壁紙のように表示エリアに鎮座し、その上を１枚目～１０枚目がスライドしていくという現象が起きてしまって困っています。
１枚の表示時間６秒、合計１０枚のスライドショーでは問題が発生せず、全画像スライドショーを実現できているのですが、11枚になるととたんに壁紙現象が起きてしまいます。

アドバイスを頂けると幸いです。
よろしくお願いいたします。

#stage {
position: relative;
width: 960px;
height:640px;
margin: 0 auto;
}
#photo1,#photo2,#photo3,#photo4,#photo5,#photo6,#photo7,#photo8,#photo9,#photo10,#photo11 {
position: absolute;
width: 960px;
height: 640px;
}
#photo1 img,#photo2 img,#photo3 img,#photo4 img,#photo5 img,#photo6 img,#photo7 img,#photo8 img,#photo9 img,#photo10 img,#photo11 img {
opacity:0;
-moz-animation: imgTrans 66s infinite;
-webkit-animation: imgTrans 66s infinite;
animation: imgTrans 66s infinite;
pointer-events: none;
}
#photo1 img {
-moz-animation-delay: 0s;
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
#photo2 img {
-moz-animation-delay: 6s;
-webkit-animation-delay: 6s;
animation-delay: 6s;
}
#photo3 img {
-moz-animation-delay: 12s;
-webkit-animation-delay: 12s;
animation-delay: 12s;
}
#photo4 img{
-moz-animation-delay: 18s;
-webkit-animation-delay: 18s;
animation-delay: 18s;
}
#photo5 img {
-moz-animation-delay: 24s;
-webkit-animation-delay: 24s;
animation-delay: 24s;
}
#photo6 img {
-moz-animation-delay: 30s;
-webkit-animation-delay: 30s;
animation-delay: 30s;
}
#photo7 img {
-moz-animation-delay: 36s;
-webkit-animation-delay: 36s;
animation-delay: 36s;
}
#photo8 img {
-moz-animation-delay: 42s;
-webkit-animation-delay: 42s;
animation-delay: 42s;
}
#photo9 img {
-moz-animation-delay: 48s;
-webkit-animation-delay: 48s;
animation-delay: 48s;
}
#photo10 img {
-moz-animation-delay: 54s;
-webkit-animation-delay: 54s;
animation-delay: 54s;
}
#photo11 img {
-moz-animation-delay: 60s;
-webkit-animation-delay: 60s;
animation-delay: 60s;
}
#frame {
width: 960px;
height: 640px;
position: relative;
overflow: hidden;
}
@-webkit-keyframes imgTrans {
0% { opacity:0; z-index:100; }
2.3% { opacity:1; z-index:100; }
9.1% { opacity:1; z-index:100; }
11.4% { opacity:0; }
100% { opacity:0; }
}
@-moz-keyframes imgTrans {
0% { opacity:0; z-index:100; }
2.3% { opacity:1; z-index:100; }
9.1% { opacity:1; z-index:100; }
11.4% { opacity:0; }
100% { opacity:0; }
}
@keyframes imgTrans {
0% { opacity:0; z-index:100; }
2.3% { opacity:1; z-index:100; }
9.1% { opacity:1; z-index:100; }
11.4% { opacity:0; }
100% { opacity:0; }
}