css3 - -moz-background-clip: text; in Mozilla update -

A pair of previous posts indicates that -moz-background-clip: text is not Available in Mozilla

Is it possible to hide that the proprietary webkit appears to be the only CSS feature from Firefox and other browsers? I want to hide the pseudo "later" rule which connects the text content on the page to get the desired effect from Firefox and IE etc.

Here is my site, text translates badly into Firefox but fine in Chrome

Yes, while background-clip is a valid CSS3 asset, the text value in non-standard. Like no other browser does not support it, and you do not need other prefixes.

The problem you are seeing is that this feature is not very impressive Browsers who do not support it will show the background of the whole element.

To avoid this, you need to hide the background from other browsers. The best way to do this is to use a WebKit prefix that webkit does not support this background property Does, but it does for CSS gradients. Thus you can specify a transparent gradient, and then you can specify your background image by taking advantage of several background images:

  Background: - webkit-linear-shield (transparent, transparent) , Url ("http://sandpit.jonathanbeech.co.uk/wp-content/themes/jontheme/images/crosshatch.png") Transparent;   
 The main problem is that opera supports the  -webkit -  prefix for the reasons for this code, so you have to cancel it after the AO -Gradient must be specified:  
  background-image: -o-linear-gradient (transparent, transparent);   
 Then you need to make the text transparent, so that other browsers do not see it:  
  Color: transparent;   
  
  
  
  
  
  
 Code>, because it works only on (or completely opaque) elements located As you have not set  still  to  :: after  opacity  or  status , it will not be apply the.