Chirurgia spinală minim invazivă
Chirurgia spinală minim invazivă oferă pacienților oportunitatea unui tratament eficient, permițându-le o recuperare ultra rapidă și nu în ultimul rând minimizând leziunile induse chirurgical. Echipa noastră utilizează un spectru larg de tehnici minim invazive, din care enumerăm câteva: endoscopia cu variantele ei (transnazală, transtoracică, transmusculară, etc), microscopul operator, abordurile trans tubulare și nu în ultimul rând infiltrațiile la toate nivelurile coloanei vertebrale. www.neurohope.ro |
Intrebare opacity
Last Updated: Jul 09 2013 18:42, Started by
sorynsoo
, Jul 06 2013 18:36
·
0
#1
Posted 06 July 2013 - 18:36
Vreau sa pun opacity mai mic la background-color a unui div, dar acel opacity se seteaza tuturor elementelor care sunt in & deasupra divului : meniu / text....cum sa fac?
Edited by sorynsoo, 06 July 2013 - 19:04. |
#2
Posted 06 July 2013 - 21:35
Folosești z-index și pui un layer ( cel cu text și ce vrei să nu fie transparent ) deasupra celui la care folosești opacitatea.
|
#3
Posted 06 July 2013 - 22:42
Foloseste functia rgba().
background-color: rgba(255, 0, 0, 0.5) unde primele trei cifre sunt reprezentarea culorii rosu in RGB, iar ultima reprezinta procentajul vizibilitatii PS: ca sa iti dai seama ce reprezentare are culoare ta in RGB, foloseste si tu un tool de convertire din hex in rgb. Edited by Andrey77, 06 July 2013 - 22:49. |
#4
Posted 06 July 2013 - 22:52
@dan-s ma cam bate faza cu z-index deocamdata.
@Andrey77 util raspunsul, dar daca vreau ca background-ul sa fie o poza cum fac ? |
#5
Posted 06 July 2013 - 23:27
Daca vrei ca background-ul sa fie o poza, atunci creeza-ti elementul normal, fara sa aiba nici o propietate background, sau cel putin nu una legata de imagini.
Apoi, creeaza un pseudo-element pentru acel element original, fa-l de acelasi dimensiuni ca originalul, pune-i un background (poate sa fie si imagine) si pune-i opacity cat ai nevoie. Trebuie totusi sa te asiguri ca pseudo elementul este positionat absolut, elementul original (div-ul tau, sau ce o fi) sa fie relativ, si... uite-te pe exemplul meu si iti vei da seama: http://codepen.io/AndreiPham/pen/qxtrD |
#6
Posted 06 July 2013 - 23:29
Foloseste un id="" pentru div-ul in care se afla poza sau verifica ce id are si in fisierul css:
#id-ul div-ului tau { opacity:0.4; filter:alpha(opacity=40); /* For IE8 and earlier */ }Sau poti face o clasa aparte class="" pe care sa o atasezi div-ului dorit. |
#7
Posted 07 July 2013 - 00:05
poadol, on 06 iulie 2013 - 23:29, said:
Foloseste un id="" pentru div-ul in care se afla poza sau verifica ce id are si in fisierul css: #id-ul div-ului tau { opacity:0.4; filter:alpha(opacity=40); /* For IE8 and earlier */ }Sau poti face o clasa aparte class="" pe care sa o atasezi div-ului dorit. Daca va face asta, opacity-ul se va aplica asupra tot continutului div-ului, ori el nu vrea asta: Quote
dar acel opacity se seteaza tuturor elementelor care sunt in & deasupra divului De aceea, in cazul imaginii, ori creezi un element manual, pe post de layer, asa cum spune primul replier, ori simulezi un astfel de element, folosindu-te de pseudo-elementele din css. |
#9
Posted 09 July 2013 - 18:05
Anunturi
▶ 0 user(s) are reading this topic
0 members, 0 guests, 0 anonymous users