2016-08-29 3 views
0

Привет, я работаю над wordpress thrive theme «squared», я пытаюсь сделать заголовок этой темы прозрачным.Как сделать wordpress заголовок прозрачным

Я искал в Интернете и пробовал то, что видел, но он все еще отображается как белый, а не прозрачный. это то, что я попытался

header { 
    background: transparent; 
    font-weight: 400; 
    padding-top: 10px; 
    padding-bottom: 10px; 
} 

это сайт я пытаюсь сделать заголовок прозрачной

http://digitalmarketer.mu/?page_id=65 

пожалуйста, есть ли кто-нибудь, что удалось преодолеть такие, пожалуйста, помогите, спасибо

+0

В вашем коде не было такого имущества. Я вижу только «display: block; text-align: center; 'в вашем main_green.css Я думаю, вам нужно установить прозрачность, не так ли? 'background-color: rgba (0, 0, 0, 0.5)' последнее свойство. – vaso123

+0

в заголовке? когда u осмотрите элемент, просто прокрутите вниз –

+0

ok плохо попробуйте что ув сказал –

ответ

1

Это не тот элемент, который появляется как белый, это то, что за ним белое. Если вы хотите, чтобы прозрачное меню накладывалось поверх вашей фотографии героя, вам необходимо установить header на background:transparent; и установить #floating_menu либо position: fixed, либо position: absolute;.

position:fixed, вероятно, тот, который вы хотите, поскольку вы назвали его «плавающее меню» (фиксированное положение всегда будет содержать меню в верхней части окна просмотра).

+0

на фиксированном и абсолютном меню исчезает –

+0

Я предполагал, вы сказали, что хотите, чтобы заголовок был прозрачным, это тот взгляд, который вы искали? http://imgur.com/a/GtxOw – Dennis

+0

Да, правильно, как вы сделали это –

1

Вам просто нужно установить положение заголовка в абсолютное, чтобы он наложил это большое изображение entrace. Попробуйте что-то вроде этого:

header { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    z-index: 100; 
} 
+0

сделал это, попробовав это, прежде чем публиковать его, я имею в виду, проверяя элемент cuz it dosent work for me –

0

Вы можете настроить заголовок прозрачным с помощью этого css: header { непрозрачность: 0.7; позиция: относительная; }

Но у вас нет изображения под этим заголовком, поэтому вы будете иметь только белый заголовок, если вы это сделаете. Поэтому нет смысла делать этот заголовок прозрачным, так как белый фон находится под заголовком. Было бы разумно, если основное изображение, которое у вас есть, находится под вашим заголовком, но это не так. Ваше основное изображение идет после заголовка не под заголовком. Вот почему прозрачный заголовок не имеет никакого смысла.

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