Jump to content

Photo
- - - - -

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

Rozpoczął studenciak, May 12 2013 10:22
obrazek i gradient na raz jednocześnie obrazek i gradie css gradient css3

Best Answer zonic, 12 May 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 */
Go to the full post


2 replies to this topic
  • This topic is locked This topic is locked
studenciak

    Użytkownik

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

Posted 12 May 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

  • 2911 posts
    • Czas spędzony online: 134d 2h 28m 23s
472
Znakomita!
  • LocationToruń

Posted 12 May 2013 - 21:37   Best Answer

#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

Papierowe wizytówki NFC

zonic

    WT Elite

  • 2911 posts
    • Czas spędzony online: 134d 2h 28m 23s
472
Znakomita!
  • LocationToruń

Posted 30 June 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

Papierowe wizytówki NFC

Back to HTML i CSS



Podone tematy Collapse

  Topic Forum Started By Stats Last Post Info

Also tagged with one or more of these keywords: obrazek i gradient na raz, jednocześnie obrazek i gradie, css, gradient css3

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users