2013-08-30 4 views
3

У меня есть фоновое изображение и белый div поверх него. Я хочу, чтобы текст внутри этого div был прозрачным, чтобы вы могли видеть «через» фоновое изображение. Это возможно?Прозрачный текст внутри непрозрачного div

должен выглядеть примерно так:

+0

Использовать атрибут 'opacity' –

+3

Вы можете подобрать близко, но похоже, что это решение только для веб-китов: http://jsfiddle.net/j08691/pHCsF/. Вам может быть лучше просто создать полное изображение. – j08691

+0

Как это можно достичь с помощью холста? –

ответ

2

Вы должны использовать это для вашего текста в CSS

-webkit-text-fill-color: transparent; 
1

Используйте следующий CSS свойство на вашем белом DIV, чтобы сделать основной показ изображения через.

background: rgba(255, 255, 255, 0.6); 
+1

Нет, div должен быть непрозрачным, но текст прозрачным. – 1nterference

0

Вместо текста, просто использовать GIF изображение, которое имеет пиксельные «целые» (текст не имеет пикселей, пиксели окружают его). Это, вероятно, решение с максимальной совместимостью.

Смежные вопросы