CSS3 background-clip

Question

Я использую -webkit-background-clip, чтобы ограничить фоновое изображение текстом в элементе h2.

Мой вопрос, делает -moz-фоном-клип функции таким же образом? Это только кажется, работать в WebKit браузерах, который предполагает, что это еще не работает в Firefox:

#header h1 a{ 
    background: url(img/logo-overlay.png) no-repeat #000; 
    -moz-background-clip: text; -webkit-background-clip: text; 
    color: transparent; -moz-text-fill-color: transparent; -webkit-text-fill-color: transparent; 
    text-decoration: none; 
} 

В настоящее время, в Firefox, текст скрыт (из-за цвета: прозрачный и текст-заполняющей цвет: прозрачные свойства), а в прямоугольной форме элемента видны только фоновое изображение и цвет.

Любые идеи?

Answer 1

Я не верю text является допустимым значением для объекта background-clip.

MDC содержит два разных объявления: одно для Firefox 3.6 и ниже, а другое для будущего Firefox 4. В нем также указывается эквивалент webkit.

Firefox (Gecko)  
1.0-3.6 (1.2-1.9.2) -moz-background-clip: padding | border 
4.0 (2.0)    background-clip:  padding-box | border-box | content-box 

Safari (WebKit) 
3.0 (522)    -webkit-background-clip: padding | border | content 

Смотрите документ MDC здесь: https://developer.mozilla.org/en/CSS/background-clip

Что касается того, что вы пытаетесь достичь, я считаю, что значение content-box является то, что вы ищете. Обратите внимание, что Firefox 3.6 и ниже, похоже, не поддерживают это значение.

http://www.css3.info/preview/background-origin-and-background-clip/