Я работаю в веб-сайт, и я создал навигационную панель со стрелкой, указывающей к активному участку в нижней части:Навигационная панель с указателем прозрачной стрелкой
Это навигационная панель крепится в верхней , и у меня много секций с фоновыми изображениями и контентом, я хотел бы сделать стрелку прозрачной для этого содержимого. Редактировать: (на фоновое изображение вы можете видеть под навигационной панелью).
Как я могу это сделать?
Спасибо! :)
Если вы используете изображения для этой стрелки, вы могли бы сделать это изображение прозрачным с помощью редактирования изображений программного обеспечения, как Paint.NET (бесплатно, http://getpaint.net)
Но вы также можете использовать CSS и добавить некоторые opacity к вашей стрелке (будь то изображение или нет):
#arrowselector {
opacity: 0.5;
}
Это сделает вашу стрелка полупрозрачные. Используйте значения от 0.0 (невидимые) до 1.0 (полностью видимые). Настройка непрозрачности может использоваться во всех современных браузерах. (для получения дополнительной информации http://caniuse.com/#search=opacity)
Я пытаюсь сделать стрелку прозрачной для фонового изображения страницы (а не панели навигации), я хочу увидеть фоновое изображение, где стрелка находится прямо сейчас. –
Вы не можете сделать этого, за исключением того, что вы устанавливаете фоновое изображение панели навигации (одной ссылки) при наведении на изображение, которое окрашено, но внизу оно имеет эту стрелку как свободное пространство (настолько прозрачное), а затем оно * может * Работа... – hffmr
Вы можете поделиться нашим кодом через www.jsfiddle.net – himanshu
Установите CSS фона или указателя изображения на 'opacity: 0.5;' – jagmitg
вам нужно заглянуть в непрозрачность. – Haris