Nivo Slider Thumbnails nicht richtig in IE

Making ein new site, aber etwas passiert in IE. Ich habe den Nivo Slider für WordPress Plugin gekauft und es funktioniert gut, aber es zeigt nicht die Thumbnails unter dem Banner in IE.Nivo Slider Thumbnails nicht richtig in IE

Dies ist, wie es enter image description here

in Firefox sieht Dies ist, wie es enter image description here

im IE sieht Da dies ein Plugin ist (und die Website ist mir keine Unterstützung nach 2 geben Tage) Ich habe nicht wirklich das Quell-CSS, aber ich hatte gehofft, Sie könnten es sich mit den Entwicklertools ansehen, um zu sehen, warum es im IE nicht angezeigt wird?

Dies ist, was ich

.theme-default .nivo-controlNav.nivo-thumbs-enabled img { 
    display: block; 
    height: auto; 
    width: auto; 
}

Jede Hilfe oder Ratschläge sehr geschätzt wird gefunden.

UPDATE

enter image description here

Nachdem auf allen anderen Seiten im neuen Code, um den .banner-Boden-Displays auf das Banner setzen.

Quelle

2012-06-19 kia4567

können Sie angeben, welche Version (en) von IE die Thumbnails nicht anzeigen? Auch die Version des Plugins. –

Es zeigt nicht die Thumbnails in IE 7 an und die Version des Nivo Slider Plugins hat die neueste Version v3.0.1. – kia4567

Dieses CSS (demo):

#ie6 .nivo-controlNav a, #ie7 .nivo-controlNav a { 
    position: relative; 
    text-indent: 0; 
}

Wenn Sie nicht/nicht IE ausrichten möchten, dann wird dies auch funktionieren (demo):

body .nivo-controlNav a.nivo-control { 
    position: relative; 
    text-indent: 0; 
}

Quelle

2012-06-26 07:52:30

Es funktioniert super, danke Jeffery. Ich war mir nicht bewusst, dass diese Frage irgendwelche Aufmerksamkeit auf sich zog, also habe ich es an den letzten 2 Tagen der Bounty nicht überprüft. Gibt es eine Möglichkeit, dir die andere Hälfte des Kopfgelds zu geben? – kia4567

Hmm ... Seit dem Besuch einer anderen Seite auf der Seite wird der Banner unten auf den kleineren Bannern auf allen anderen Seiten angezeigt. Siehe aktualisierte Frage. Wie wird dieses kleine Problem behoben? – kia4567

@ambrelasweb Sind Sie sicher, dass dieses neue Problem durch das neue CSS verursacht wird? Ich schlage vor, dass Sie dies Ihrem Stylesheet hinzufügen: '# ie6 #banner, # ie7 #banner {position: relative; } ' –

Ambrelasweb, Ihre Website verwendet Nivo Slider v3.0.1 und ich habe eine jsFiddle vorbereitet, die in IE7 funktioniert, da die Miniaturansichten nicht in diesem Browser angezeigt werden. Ich habe auch ein extra jsFiddle für diejenigen mit dem älteren Nivo Slider v2.7.1 hinzugefügt.

Referenz: jsFiddle for Nivo Slider v3.0.1
Referenz: jsFiddle for Nivo Slider v2.7.1

Minimal CSS: .theme-default.controlnav-thumbs .nivo-controlNav a {text-indent:0px;}

Ihre bestimmte Webseite verfügt über ein separates Problem mit Klassenname .banner-bottom, der wird "abdecken" tatsächlich die Thumbnails, sobald Sie die minimal gelten Nivo Slider CSS oben gezeigt. Um die Miniaturansichten in IE7 schnell anzuzeigen, kommentieren Sie einfach die span tag aus, die die Klasse .banner-bottom enthält.

Quelle

2012-06-26 09:04:47 arttronics

Versuchen Sie Folgendes, um zu sehen, ob die Daumen zeigen nach oben mit:

.theme-default .nivo-controlNav.nivo-thumbs-enabled img { 
    display: block; 
    height: auto; 
    width: auto; 
    /width:100%; 
    /height:100%; 
}

Das sollte die Höhe und Breite Attribute für nur IE ändern. Wenn es angezeigt wird, müssen Sie möglicherweise eine Breite und Höhe angeben.

Quelle

2012-06-27 19:45:16 ckpepper02

Nivo Slider Thumbnails nicht richtig in IE

Antwort

Verwandte Themen