27799 sujets

CSS et mise en forme, CSS3

Bonjour,
J'ai réduis un slider à 50% dont voici les CSS :
.ideal-image-slider {
	position: relative;
	overflow: hidden;
}
.iis-slide {
	display: block;
	bottom: 0;
	text-decoration: none;
	position: absolute;
	top: 25%;
	left: 25%;
	width: 50%;
	height: 50%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	text-indent: -9999px;
}

Le soucis est que j'ai un overflow qui apparaît puis disparaît comme on peut le voir à 0.06 secondes de cette vidéo :
https://www.youtube.com/watch?v=aPVUXN17V54
Autre problème, les flèches n'apparaissent pas sur IPad/Smartphone Smiley hum
Voici les CSS :
.iis-previous-nav,
.iis-next-nav {
	position: absolute;
	top: 50%;
	z-index: 20;
	display: block;
	width: 40px;
	height: 40px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-color: rgba(0,0,0,0.5);
	border-radius: 50px;
	background-size: 26px 26px;
	cursor: pointer;
	opacity: 1.0;
}

Merci pour votre aide,
ED
Merci à vous.
Le lien pour le slider :
lapagetest.fr
Je peux aussi mettre en ligne le second slider réduit à 50% (autre topic)
Merci encore
SAFARI : 12.1.2
CHROME : 99.0.4844.51
Bonne fin de journée Smiley smile