Black Friday = Pricewatch Bekijk onze selectie van de beste Black Friday-deals en voorkom een miskoop.

[Bug]Dubbel pijltje bij zoeken in forum

Pagina: 1
Acties:
  • 144 views

  • alex3305
  • Registratie: Januari 2004
  • Laatst online: 22:31
Bij het zoeken in het forum worden er twee pijltjes geladen wanneer er gezocht kan worden in een subforum of topic. Voorbeeld code:

Cascading Stylesheet:
1
2
3
4
#detailedSearchListing .arrowGreyDown {
    background: url(../../g/if/v3/framework/arrow_dark_grey_down.png) no-repeat right 6px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAYAAAARx7TFAAAAR0lEQVR4nGNoam0VBeLnQPwfC/4DxDYMIABkOEEF0BVVMyADoEALmoK9QMyMrogZiA9AFbwCYgkGbAAkAVXggVUBkkJpdDEAcdxFQ+XYgT0AAAAASUVORK5CYII=");
}

Het lijkt mij dat in ieder geval een van beide voldoende is.

  • crisp
  • Registratie: Februari 2000
  • Laatst online: 08:15

crisp

Devver

Pixelated

Uhm, je weet dat CSS cascading is?

Intentionally left blank


  • alex3305
  • Registratie: Januari 2004
  • Laatst online: 22:31
crisp schreef op donderdag 06 december 2012 @ 20:42:
Uhm, je weet dat CSS cascading is?
Ja, maar dan ben ik nog steeds benieuwd waarom het nodig is.

  • crisp
  • Registratie: Februari 2000
  • Laatst online: 08:15

crisp

Devver

Pixelated

Niet alle browsers ondersteunen data-uri's. Die negeren dan de 2e rule en pakken dus de url naar het fysieke plaatje. Browsers die wel data-uri's ondersteunen overschrijven juist de background-image property met de data:image versie :)

Intentionally left blank


  • alex3305
  • Registratie: Januari 2004
  • Laatst online: 22:31
Oh, nja de reden waarom ik het niet snapte is omdat de Webkit-developertool beide stijlen als weergegeven laat zien. Terwijl normaliter bij een cascading stijl de niet-gebruikte stijlen doorgehaald worden weergeven.

  • crisp
  • Registratie: Februari 2000
  • Laatst online: 08:15

crisp

Devver

Pixelated

Ja, maar de background-position en background-repeat van de shorthand worden natuurlijk wel gebruikt ;)

Intentionally left blank


  • crisp
  • Registratie: Februari 2000
  • Laatst online: 08:15

crisp

Devver

Pixelated

Anyway, geen bug dus; works as intended. Je zal ook zien dat het fysieke plaatje simpelweg niet wordt opgehaald door browsers die met data-uri's overweg kunnen :)

Intentionally left blank

Pagina: 1

Dit topic is gesloten.