Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Cum accesez site-ul CNAS ?

Algoritm simplu de calculare al u...

Bitdefender Total Security ș...

casa verde 2024
 Intrerupator cu N - doza doar cu ...

Incalzire casa fara gaz/lemne

Incalzire in pardoseala etapizata

Suprataxa card energie?!
 Cum era nivelul de trai cam din a...

probleme cu ochelarii

Impozite pe proprietati de anul v...

teava rezistenta panou apa calda
 Acces in Curte din Drum National

Sub mobila de bucatarie si sub fr...

Rezultat RMN

Numar circuite IPAT si prindere t...
 

CSS: backgrounduri multiple

- - - - -
  • Please log in to reply
1 reply to this topic

#1
sftpdt

sftpdt

    Senior Member

  • Grup: Senior Members
  • Posts: 3,650
  • Înscris: 29.08.2013
Salut,

Acum că se apropie 1 Decembrie, vreau să pun pe site, 3 backgrounduri diferite la logo: 33% din ecran să fie roşu, 33% să fie galben, iar 33% să fie albastru. Cum aş putea face aşa ceva prin CSS?

Am încercat codurile găsite la o căutare pe google, dar nu merg..

Am rezolvat până la urmă. Nu mi-am dat seama că pentru fiecare browser aproape există câte un cod separat. Pentru curioşi, codul folosit de mine este următorul:

background: -moz-linear-gradient(left, #000dd8 0%, #000dd8 33%, #c4c400 33%, #c4c400 66%, #a50000 66%, #a50000 100%); /* FF3.6+ */
/*
	background: -webkit-gradient(left, #000dd8 0%, #000dd8 33%, #c4c400 33%, #c4c400 66%, #a50000 66%, #a50000 100%);
*/
background: -webkit-gradient(left, #000dd8 0%, #000dd8 33%, #c4c400 33%, #c4c400 66%, #a50000 66%, #a50000 100%);

	background: -webkit-linear-gradient(left, #000dd8 0%, #000dd8 33%, #c4c400 33%, #c4c400 66%, #a50000 66%, #a50000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #000dd8 0%, #000dd8 33%, #c4c400 33%, #c4c400 66%, #a50000 66%, #a50000 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(left, #000dd8 0%, #000dd8 33%, #c4c400 33%, #c4c400 66%, #a50000 66%, #a50000 100%); /* IE10+ */
	background: linear-gradient(left, #000dd8 0%, #000dd8 33%, #c4c400 33%, #c4c400 66%, #a50000 66%, #a50000 100%); /* W3C */



Nu ştiu dacă e întreg bun, deoarece am folosit mai toate combinaţiile găsite pe internet.

Edited by sftpdt, 30 November 2013 - 13:22.


#2
Andrey77

Andrey77

    Member

  • Grup: Members
  • Posts: 688
  • Înscris: 22.12.2009
"codurile" acela separate, "-webkit-", "-moz-" etc... se numesc vendor prefixes, si multe propietati CSS3 au nevoie de asemenea prefixe pentru a putea fi implementate in toate browserele.

Anunturi

Chirurgia endoscopică a hipofizei Chirurgia endoscopică a hipofizei

"Standardul de aur" în chirurgia hipofizară îl reprezintă endoscopia transnazală transsfenoidală.

Echipa NeuroHope este antrenată în unul din cele mai mari centre de chirurgie a hipofizei din Europa, Spitalul Foch din Paris, centrul în care a fost introdus pentru prima dată endoscopul în chirurgia transnazală a hipofizei, de către neurochirurgul francez Guiot. Pe lângă tumorile cu origine hipofizară, prin tehnicile endoscopice transnazale pot fi abordate numeroase alte patologii neurochirurgicale.

www.neurohope.ro

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

Forumul Softpedia foloseste "cookies" pentru a imbunatati experienta utilizatorilor Accept
Pentru detalii si optiuni legate de cookies si datele personale, consultati Politica de utilizare cookies si Politica de confidentialitate