css virker ikke i krom (linux og windows)

Indlæg af Hanne Mølgaard Plasc

Problem



jeg har denne kode:


<style type="text/css">
div {
margin: 100px auto;
width: 0px;
height: 0px;
border-right: 30px solid transparent;
border-top: 30px solid red;
border-left: 30px solid red;
border-bottom: 30px solid transparent;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px;
position: relative;
}
</style>
<div></div>


der producerer:


haflcircle


i firefox,


men i krom (linux og windows - prøvede ikke i mac) ser jeg intet hvorfor?

Bedste reference


Jeg tror det er en slags fejl, faktisk. Det virker for mig, hvis du ændrer højden og bredden til 1px. Dette efterlader desværre en lille, hvid prik, men det kan løses ved at ændre baggrunden til rød og baggrundsbeskeden til indhold.


JSFiddle eksempel. [3]

Andre referencer 1


Fordi du gav 0px bredde og 0px højde til div så du ikke ser noget.


width: 0px;
height: 0px;


Skift dette, håber det vil være synligt.