css - mærkelig opførsel med grænser på Firefox 10 på windows

Indlæg af Hanne Mølgaard Plasc

Problem



Jeg forsøger at skabe pile ved hjælp af grænser, men FF10 på win7 vil ikke spille bold.


Det tilføjer en 1px grænse omkring min grænse.


Her er en JSFiddle med et minimalt eksempel:
http://jsfiddle.net/5jjVb/1/[4]


Det er ligegyldigt hvilken farve grænsen jeg har, den ekstra kant er altid den samme farve.


For de af jer ikke på FF eller på vindue 7 er der et screenshot:


De sætter en kant omkring min grænse, så jeg kan have en pil i min pil


Og her er den samme pil i FF på OS X:


Ingen ekstra grænse


Jeg kunne altid ændre pilens farve til samme farve som den ekstra grænse, men det føles ikke rigtigt.

Bedste reference


Det er en fejl. Https://bugzilla.mozilla.org/show\_bug.cgi?id=646053[5]


Og her er træning for at løse dette problem. http://jsfiddle.net/5jjVb/3/[6]

Andre referencer 1


Prøv dette:


div {
    border: 30px solid transparent;
    border-left-color: #EEE;
    -moz-border-left-colors: none;
}

Andre referencer 2


Giv rgba() i stedet for transparent for gennemsigtighed. For mere kontroller mit svar


CSS Transparent Border Problem i Firefox 4?