Получить градиент для работы с цветом фона - PullRequest
0 голосов
/ 26 марта 2011

Прямо сейчас у меня есть этот CSS для кнопки:

background: #19558D url(../images/gradient.gif) repeat-x top left;

Градиент появляется, но цвет фона - нет.Когда я перезагружаю страницу, цвет появляется на долю секунды, но затем исчезает до градиента.Как я могу заставить их обоих работать?

Ответы [ 2 ]

1 голос
/ 26 марта 2011

Хорошо, у вас есть несколько вариантов:

1.Используйте только изображения:

Вы можете выполнить эту работу, отредактировав градиент так, чтобы он выглядел именно так, как вам нравится, без какого-либо нового CSS.(Это будет тот, который вы использовали для решения проблемы).

2.Используйте Image сверху, а остальные сплошным цветом:

element{ background:#000 (url) top left repeat-x; }

Это поместит изображение в url вверху, а остальная часть элемента будет иметь определенный сплошной цвет.Помните, что если изображение покрывает весь элемент и не является прозрачным, сплошной цвет не будет виден.

3.Сделайте градиент прозрачным / альфа:

Если градиент охватывает весь элемент, вы можете сделать его прозрачным или полупрозрачным, чтобы CSS-цвет фона был видимза этим.Например, если вы сделаете градиент от черного к прозрачному, а затем добавите белый CSS bg, вы получите градиент от черного к белому.Помните, что единственными изображениями, которые будут работать с этим методом, являются .png, потому что они единственные, которые поддерживают альфа-уровни (частичные прозрачные пленки).

0 голосов
/ 26 марта 2011

прозрачен ли GIF? Я использую формат PNG, так как PNG-24 разрешает маски с возможностью альфинирования, где GIF поддерживает только прозрачный или нет (1/0)

Но я думаю, что вам нужно опубликовать ссылку на него или изображение того, как оно выглядит, включая GIF. Нам нужны некоторые спецификации пикселей, такие как ширина и высота, чтобы полностью понять проблему.

...