Salam.Mənə CSSdə kömək lazımdı.Saytımın slider`i chromeda normal işləyir,amma digər brouzerlərdə sağa doğru qaçır.Zəhmət olmasa koda baxın və mənə kömək edin düzgün yazılışı ilə
/* Nivo Slide */ #frame-slide { position: absolute; background:url(../../image/frame-slide.png) repeat-x; height:47px; width:100%; display:inline-block; overflow:hidden; margin-top:597px; z-index:0;} #back-slide { position:absolute; z-index:-3; height:496px; width:100%; display:inline-block; overflow:hidden; margin:100px 0px 0px 0px; background: #0A0A0C; /* old browsers */ background: -moz-linear-gradient(top, #185eac 0%, #185eac 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#185eac), color-stop(100%,#185eac)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#185eac', endColorstr='#185eac',GradientType=0 ); /* ie */ background: -o-linear-gradient(top, #185eac 0%,#185eac 100%); /* opera */ } #back-pattern { position:absolute; z-index:-2; height:496px; width:100%; display:inline-block; overflow:hidden; margin:100px 0px 0px 0px; background:url(../../image/pattern.png) repeat; border-bottom:3px solid #ffffff; } #slider {position:relative;width:992px;height:492px;margin:-5px 0px 0px -54px;background:url(../../image/loading.gif) no-repeat 50% 50%;z-index:1;} #slider img {position:absolute;top:0px;left:0px;display:none;} #slider a {border:0;display:block;} .nivo-controlNav {position: absolute;left:500px;margin:512px 0;z-index:1000;} .nivo-controlNav a {display:block;width:8px;height:8px;background-color:#185eac;text-indent:-9999px;margin-right:6px;float:left;-moz-border-radius: 10px;border-radius: 10px;} .nivo-controlNav a.active {background-color:#ffffff;} .nivo-directionNav a {display:block;margin-top:-1220px;width:30px;height:30px;background:url(../../image/ok.png) no-repeat;text-indent:-9999px;border:0;} a.nivo-nextNav {background-position:-30px 0;right:864px;} a.nivo-prevNav {left:64px;} .nivo-caption {font-family: Helvetica, Arial, sans-serif;} .nivo-caption a { color:#efe9d1;text-decoration:underline;} .nivoSlider {position:relative;} .nivoSlider img {position:absolute;top:0px;left:0px;} .nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:6;display:none;} .nivo-slice {display:block;position:absolute;z-index:5;height:100%;} .nivo-box {display:block;position:absolute;z-index:5;} .nivo-caption {position:absolute;left:0px;bottom:0px;background:#000;color:#fff;opacity:0.8; /* Overridden by captionOpacity setting */width:100%;z-index:8;} .nivo-caption p {padding:5px;margin:0;} .nivo-caption a {display:inline !important;} .nivo-html-caption {display:none;} .nivo-directionNav a {position:absolute;top:45%;z-index:9;cursor:pointer;} .nivo-prevNav {left:0px;} .nivo-nextNav {right:0px;} .nivo-controlNav a {position:relative;z-index:9;cursor:pointer;} .nivo-controlNav a.active {font-weight:bold;}
Verilmiş cavablar və yazılan şərhlər (4 cavab var)
0
Sliderin standart css-ində dəyişiklik etmədən istifadə etməyə çalış. Ya da nəyi dəyişsən tez-tez bütün brauzerlərdə yoxla. Orginal css-i burdan yükle http://nivo.dev7studios.com/
0
İş orasındadırkı elə səhv originaldadı
0
axi men saytdan bütün brouzerlər ilə yoxladım. işləyir.
Salam. Jquery ile sade slider duzeltmisdim. Isteyirsinizse biraz inkisaf etdirib istifade ede bilersiniz:
http://copybin.blogspot.com/2011/12/jquery-basit-slideshow-yapimi.html
Sual verin
Cavab verin