Hintergrund-Clip funktioniert nicht in Mozilla

Ich habe folgende CSS-Code:Hintergrund-Clip funktioniert nicht in Mozilla

.text-header-wetland h2 { 
    color: transparent; 
    background-image: url(../../img/light-blue-gradient-wallpaper-3.jpg); 
    background-position: center center; 
    background-size: cover; 
    -webkit-background-clip: text; 
}

Es funktioniert ausgezeichnet in jedem Browser, außer Mozilla Firefox. In diesem Browser wird nur das Hintergrundbild auf dem Bildschirm angezeigt und es wird nicht mit dem Text abgeschnitten. Irgendwelche Vorschläge?

Quelle

2016-04-28 BlueBird03

Okay, fand ich diesen Link hilfreich: http://nimbupani.com/using-background-clip-for-text-with-css-fallback.html

Quelle

2016-04-28 12:10:56 BlueBird03

Wenn Sie erweitern können, was Sie auf diesem Link eine Antwort zu sein, die großartig sein würde, :) – Martin

Sure! Ich habe festgestellt, dass wenn Sie nur 'background-clip: text' in Ihr CSS schreiben, diese Codezeile nur Browser anwenden, die WebKit verwenden (Mozzila wendet es nicht an, weil es nicht Teil des allmächtigen universellen Standards ist :-) Also, statt zu stressen und auf der Suche nach verschiedenen Möglichkeiten, Hintergrund-Clip zu integrieren, ging ich einfach um Mozilla Firefox (wie der Link, den ich zur Verfügung gestellt erklärt), und jetzt nur die weißen Buchstaben zeigen, ohne das Bild in ihnen abgeschnitten - nicht ein großer Verlust für mich :-) – BlueBird03

Hintergrund-Clip funktioniert nicht in Mozilla

Antwort

Verwandte Themen