Skocz do zawartości

Zdjęcie
- - - - -

CSS3 jak dodać obrazek i gradient jako tło, jednocześnie.

obrazek i gradient na raz jednocześnie obrazek i gradie css gradient css3

Najlepsza odpowiedź zonic, 12 maja 2013 - 21:37

background: #ffffff;
background: url(../images/bg-pattern.png) repeat; 
background: url(../images/bg-pattern.png) repeat, -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#ffffff)); 	/* Saf4+, Chrome */
background: url(../images/bg-pattern.png) repeat, -webkit-linear-gradient(top, #e6e6e6, #ffffff); 								/* Chrome 10+, Saf5.1+ */
background: url(../images/bg-pattern.png) repeat, -moz-linear-gradient(top, #e6e6e6, #ffffff); 									/* FF3.6+ */
background: url(../images/bg-pattern.png) repeat, -ms-linear-gradient(top, #e6e6e6, #ffffff);									/* IE10 */
background: url(../images/bg-pattern.png) repeat, -o-linear-gradient(top, #e6e6e6, #ffffff); 									/* Opera 11.10+ */
background: url(../images/bg-pattern.png) repeat, linear-gradient(top, #e6e6e6, #ffffff); 										/* W3C */
Przejdź do postu


2 odpowiedzi w tym temacie
  • Zamknięty Temat jest zamknięty
studenciak

    Użytkownik

  • 53 postów
    • Czas spędzony online: 3h 6m 29s
4
Neutralna

Napisano 12 maja 2013 - 10:22

#1

Jak dodać w tle gradient, a na nim powielany obrazek tła? Obrazek jest w .png i jest półprzezroczysty.


  • 0

zonic

    WT Elite

  • 2 911 postów
    • Czas spędzony online: 134d 2h 28m 23s
472
Znakomita!
  • LocationToruń

Napisano 12 maja 2013 - 21:37   Najlepsza odpowiedź

#2
background: #ffffff;
background: url(../images/bg-pattern.png) repeat; 
background: url(../images/bg-pattern.png) repeat, -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#ffffff)); 	/* Saf4+, Chrome */
background: url(../images/bg-pattern.png) repeat, -webkit-linear-gradient(top, #e6e6e6, #ffffff); 								/* Chrome 10+, Saf5.1+ */
background: url(../images/bg-pattern.png) repeat, -moz-linear-gradient(top, #e6e6e6, #ffffff); 									/* FF3.6+ */
background: url(../images/bg-pattern.png) repeat, -ms-linear-gradient(top, #e6e6e6, #ffffff);									/* IE10 */
background: url(../images/bg-pattern.png) repeat, -o-linear-gradient(top, #e6e6e6, #ffffff); 									/* Opera 11.10+ */
background: url(../images/bg-pattern.png) repeat, linear-gradient(top, #e6e6e6, #ffffff); 										/* W3C */

  • 0

zonic

    WT Elite

  • 2 911 postów
    • Czas spędzony online: 134d 2h 28m 23s
472
Znakomita!
  • LocationToruń

Napisano 30 czerwca 2013 - 18:50

#3
Wiadomość wygenerowana automatycznie: Ten temat został zamknięty przez moderatora.
Powód: Problem rozwiązany. Jeśli nie zgadzasz się z decyzją, zgłoś ten post.

Ekipa Forum webmasterskie Web-talk.pl - forum dla początkujących grafików i webmasterów.
  • 0





Podone tematy Collapse


Również z jednym lub większą ilością słów kluczowych: obrazek i gradient na raz, jednocześnie obrazek i gradie, css, gradient css3

Użytkownicy przeglądający ten temat: 0

0 użytkowników, 0 gości, 0 anonimowych