2013-12-03 2 views
0

Я сделал изображение в Photoshop для фиксированного фона навигации, так что это немного видно. Я изменил непрозрачность на градиенте в Photoshop cs6, но, поскольку я разместил фон в навигации, он остался твердым, и я не мог видеть его вообще. Почему это происходит? мне нужен css для изменения непрозрачности или я могу просто использовать изображение.Почему мой навигационный фон не меняет прозрачность?

здесь является фоном код:

 background-image: url(images/navBackground.png); 
+0

Является ли изображение, которое вы сохранили, определенно, только градиент фона и ничего не за ним? Сохранено как прозрачное png? – davidpauljunior

+0

Да, я убедился, что это png – user2489995

+0

и вот код: background-image: url (images/navBackground.png); – user2489995

ответ

1

Непрозрачность в фотошопе не отображается при загрузке в Интернете. Он остается на 100% непрозрачным и менее ярким. Вам нужно будет изменить непрозрачность изображения с помощью css, используя свойство opacity.

+0

есть способ сделать непрозрачность градиента, что означает, что это не то же самое во всех местах. Я хочу иметь эффект стекла. – user2489995

+0

Да, полностью. Я бы использовал фоновый цвет: rgba (r, g, b, a), где a - значение непрозрачности между 0-1. Как и в графическом дизайне, я бы просто наложил div, чтобы дать ему эффект стекла. Вот хороший пост, связанный с этим: http://stackoverflow.com/questions/2293910/css3-transparency-gradient –

+0

Он не остается непрозрачным. Если да, то как это работает: http://jsbin.com/OrIjaHe/1/edit – davidpauljunior

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