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ə
2 | #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;} |
3 | #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 */ } |
4 | #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; } |
5 | #slider {position:relative;width:992px;height:492px;margin:-5px 0px 0px -54px;background:url(../../image/loading.gif) no-repeat 50% 50%;z-index:1;} |
6 | #slider img {position:absolute;top:0px;left:0px;display:none;} |
7 | #slider a {border:0;display:block;} |
8 | .nivo-controlNav {position: absolute;left:500px;margin:512px 0;z-index:1000;} |
9 | .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;} |
10 | .nivo-controlNav a.active {background-color:#ffffff;} |
11 | .nivo-directionNav a {display:block;margin-top:-1220px;width:30px;height:30px;background:url(../../image/ok.png) no-repeat;text-indent:-9999px;border:0;} |
12 | a.nivo-nextNav {background-position:-30px 0;right:864px;} |
13 | a.nivo-prevNav {left:64px;} |
14 | .nivo-caption {font-family: Helvetica, Arial, sans-serif;} |
15 | .nivo-caption a { color:#efe9d1;text-decoration:underline;} |
16 | .nivoSlider {position:relative;} |
17 | .nivoSlider img {position:absolute;top:0px;left:0px;} |
18 | .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;} |
19 | .nivo-slice {display:block;position:absolute;z-index:5;height:100%;} |
20 | .nivo-box {display:block;position:absolute;z-index:5;} |
21 | .nivo-caption {position:absolute;left:0px;bottom:0px;background:#000;color:#fff;opacity:0.8; /* Overridden by captionOpacity setting */width:100%;z-index:8;} |
22 | .nivo-caption p {padding:5px;margin:0;} |
23 | .nivo-caption a {display:inline !important;} |
24 | .nivo-html-caption {display:none;} |
25 | .nivo-directionNav a {position:absolute;top:45%;z-index:9;cursor:pointer;} |
26 | .nivo-prevNav {left:0px;} |
27 | .nivo-nextNav {right:0px;} |
28 | .nivo-controlNav a {position:relative;z-index:9;cursor:pointer;} |
29 | .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