CSS arbeitet falsch in Opera

-1

Ich erstelle meine erste Website für Portfolio. Ich habe ein Problem, weil mein Code in Opera nicht korrekt funktioniert. Wenn ich Google Chrome verwende, sieht meine Website wie der obere Screenshot aus.CSS arbeitet falsch in Opera

Wenn ich versuche, meine Website in Opera zu starten, funktioniert meine Schriftart nicht, text-decoration: none funktioniert auch nicht, und ich kann die Farbe von Symbolen und Text nicht ändern. Dies wird im unteren Screenshot gezeigt.

@import url('https://fonts.googleapis.com/css?family=Oswald:400,700'); 

html, body { 
    height: 100%; 
    margin: 0; 
    padding: 0; 

} 
.container { 
    width: 100%; 
    height: 100%; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex; 
    flex-flow: row; 
    font-family: 'Oswald', sans-serif; 
} 

header { 
    font-size: 1.3em; 
    box-shadow: inset -0.25em 0.25em 0.5em 0 rgba(0, 0, 0, 0.3); 
    display: flex; 
    flex-flow: column wrap; 
    width: 25%; 
    text-align: center; 
    background: linear-gradient(rgba(34, 38, 41, 0.8), rgba(34, 38, 41, 0.1)), #2E3547; 
    line-height: 3; 
    text-align: justify; 
    justify-content: center; 
    align-items: center; 
} 

ul { 
    padding: 0; 
    margin: 0; 
    list-style: none; 
} 

a { 
    color: #fff; 
    text-decoration: none; 
} 

main { 
    background: linear-gradient(rgba(34, 38, 41, 0.8), rgba(34, 38, 41, 0.4)), url(/images/logo1.jpg); 
    background-size: cover; 
    width: 75%; 

} 
i { 
    display: block; 
    width: 50px; 
    color: #fff; 
    position: relative; 
    left: 10%; 
}

Quelle

2017-09-17 Krzysztof

Haben Sie versucht, halten Sie 'SHIFT' manuell von Ihrem CSS-Cache zu löschen, während auf dem Refresh-Symbol klicken? –

Bitte posten Sie ein [mcve] - klicken Sie auf das '<>' und posten Sie das HTML zu – mplungjan

Ich würde die Version von Opera überprüfen und Sie brauchen nicht unbedingt Text-Dekoration, wenn Sie die Schriftgröße und Farbe angeben. –

vielleicht prüfen, welche Version von Opera Sie verwenden. Wenn es sehr alt ist, vielleicht in Betracht ziehen, es zu aktualisieren.

Ich erstellte einen kleinen Testfall und konnte Ihre Schriftart importieren, Farbe ändern und die Textdekoration ändern.

@import url('https://fonts.googleapis.com/css?family=Oswald:400,700'); 


html, body { 
height: 100%; 
margin: 0; 
padding: 0; 
} 

.container { 
width: 100%; 
height: 100%; 
font-family: 'Oswald', sans-serif; 
color: hotpink; 
} 

a { 
text-decoration :none; 
}

https://plnkr.co/edit/DIaitYKEQJnHzteC7PDs?p=preview

Quelle

2017-09-17 21:58:39

CSS arbeitet falsch in Opera

Antwort

Verwandte Themen