[Bug]Dubbel pijltje bij zoeken in forum

[alex3305]

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:

#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]

Uhm, je weet dat CSS cascading is?

[alex3305]

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]

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

[alex3305]

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]

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

[crisp]

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