Каково максимальное значение в пикселях свойств CSS width и height?

Это возможно , но пока только с браузерами на основе Webkit (Chrome, Safari, Rockmelt, что-либо, основанное на проекте Chromium.)

Фокус в том, чтобы иметь элемент в белом, который имеет тот же фон, что и тело, затем используйте -webkit- background-clip: text; во внутреннем элементе, который в основном означает «не расширяйте фон за пределами текста» и используйте прозрачный текст.

section
{
    background: url(http://norcaleasygreen.com/wp-content/uploads/2012/11/turf-grass1.jpg);
    width: 100%;
    height: 300px;
}

div
{
    background: rgba(255, 255, 255, 1);
    color: rgba(255, 255, 255, 0);

    width: 60%;
    heighT: 80%;
    margin: 0 auto;
    font-size: 60px;
    text-align: center;
}

p
{
    background: url(http://norcaleasygreen.com/wp-content/uploads/2012/11/turf-grass1.jpg);
    -webkit-background-clip: text;
}
​

http://jsfiddle.net/BWRsA/

30
задан sbichenko 19 May 2013 в 17:39
поделиться