Ondersteuning » Code oplossingen gezocht » Sloom hover effect

  • Opgelost Anonymous User 9027739

    (@anonymized-9027739)


    Dag WordPressers,

    Ik heb een probleem waarvan ik geen enkel idee heb hoe ik het op moet lossen. Ik heb een website, die overal goed wordt weergegeven, zelfs in IE 6,7,8 heb ik CSS3.

    Maar nu doet zich het volgende probleem voor, als ik met de muis over het menu ga doet zich in IE8 een extreem sloom hover effect voor.

    Ik heb alle plugins al op 0 gehad, maar waar ligt het aan, toen de plugins uit waren deed zich het nog steeds voor. jQuery? Ik kan het nergens op internet vinden.

    Dit is de site: http://www.engelpicknicktafels.nl

6 reacties aan het bekijken - 1 tot 6 (van in totaal 6)
  • Maare, waarom wil je CSS3 Pie (PieCharts) gebruiken?
    Dit is volgens mij voor het maken van grafieken en statistieken die je ook ziet in Apple’s Keynote.
    Die vlaai-punten met een bepaalde waarde erbij.

    Waarom maak je niet gewoon een aparte .png voor IE browsers ?
    Oudere IE browsers willen optimaliseren voor CSS3 is gewoon bijna niet te doen en super veel werk. Je kunt veel beter een aparte IE stylesheet inladen bij een IE8 of kleiner bezoek. In deze stylesheet plaats je dan de gradiënts en ronde hoeken via een image.

    Op dit moment doe je ook zoiets met de wppie.css stylesheet alleen wordt deze nu geladen terwijl ik gebruikt maak van Safari als browser en das natuurlijk niet de bedoeling van zo’n stylesheet. Zet deze even in de head tussen een <– IF = IE –> statement.
    Zodat hij alleen geladen wordt als iemand met een IE browser de website bezoekt.

    Thread starter Anonymous User 9027739

    (@anonymized-9027739)

    Neenee niet die, dat is deze: http://css3pie.com, en deze plugin http://wordpress.org/extend/plugins/wp-pie/

    Het is de plugin die de libary in laadt, dat wou heel slecht met WordPress, ik wilde het zonder die plugin doen, ik houdt niet echt van plugins, maar toen ben ik dus voor die plugin gegaan. Werkt opzich goed, borders zit hij om in mooie ronde hoeken, als je IE hebt dan moet je het voor de leukigheid is kijken naar de sidebar: mooie hoeken.

    Maar als ik die plugin deactiveer blijft er nog een sloom hover effect, ik snap veel dingen wel waar het ligt (hoewel ik ze niet altijd zelf oplos), maar dit is voor mij een groot raadsel.

    Maar jij zegt, d’r uit gooien die libary + wippie (kijk ik eerst even of dat ergens makkelijk kan in het plugin bestand).

    Het vreemde is ook dat border-radius alleen voor de buttons willen in IE en niet voor de menu buttons, en die vallen onder dezelfde stuk van de CSS!!

    Kortom: raar verhaal. En ik zou niet weten waar het slome hover effect vandaan komt!

    Thread starter Anonymous User 9027739

    (@anonymized-9027739)

    Of ben je geen fan op deze manier optimaliseren voor IE?

    Ik zou gewoon de website opmaken zoals jij hem wilt hebben in moderne browsers die wel CSS3 aankunnen.

    En voor het maken van wat ronde borders en gradiënts op de achtergrond heb je niet echt een plugin nodig wel?
    Want ik neem aan dat het hier gaat over je Sidebar Widgets + de menu buttons?

    Das allemaal gewoon CSS en aan te passen in de stylesheet. Daarna plaats je een extera stylesheet.css die je IE noemt en de moet alleen ingeladen worden zodra iemand met IE8 of lager de website bezoekt. In deze stylsheet plaats je dan precies dezelfde classes en ID’s als in je normale stylesheet maar dan met afbeeldingen ipv CSS3 waardes. Hierdoor worden de stijlen van de IE stylesheet als laatste gelezen en overschrijven ze de normale stylesheets waardes.

    Thread starter Anonymous User 9027739

    (@anonymized-9027739)

    Je hebt gelijk!
    Ik zit de hele dag al achter de Mac en mijn ideeën worden niet beter, maar voor een tweetal gradients, en een paar borders.

    Maar dit kwam door mijn topic op OMT waarin iemand zei een precies dezelfde ervaring, toen ben ik helemaal op CSS3 gefocuset, en het gewone normale vergeten.

    Bedankt!

    Thread starter Anonymous User 9027739

    (@anonymized-9027739)

    Het hover effect is inmiddels opgelost, ik heb nu nog de plugin behouden, maar voor de volgende sites gebruik ik die van jouw dit kost enorm veel tijd en wat je er mee opschiet is niks.

    Bedankt.

6 reacties aan het bekijken - 1 tot 6 (van in totaal 6)
  • Het onderwerp ‘Sloom hover effect’ is gesloten voor nieuwe reacties.