Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Dupa 20 ani de facultate, am uita...

Mobile.de ofera imprumut de bani ...

problema test grila

Digi24 a disparut de pe TV Lg
 Drept de proprietate intelectuala...

Jante noi shitbox

Trinitas TV 4K

Dacia 1316 cu 6 usi ...
 Frecventa modificata radio

Un nou pericol pt batrani

Ar trebuii sa vindem imobiliarele...

Dupa renuntarea la aparat dentar
 pelerinaj in Balcik

Noul format Jpegli iși propu...

Dade, dade

Probleme accesare nr test telefon
 

Intrebare opacity

- - - - -
  • Please log in to reply
10 replies to this topic

#1
sorynsoo

sorynsoo

    Junior Member

  • Grup: Members
  • Posts: 171
  • Înscris: 11.04.2012
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
dan-s

dan-s

    Active Member

  • Grup: Banned
  • Posts: 1,699
  • Înscris: 02.07.2013
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
Andrey77

Andrey77

    Member

  • Grup: Members
  • Posts: 688
  • Înscris: 22.12.2009
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
sorynsoo

sorynsoo

    Junior Member

  • Grup: Members
  • Posts: 171
  • Înscris: 11.04.2012
@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
Andrey77

Andrey77

    Member

  • Grup: Members
  • Posts: 688
  • Înscris: 22.12.2009
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
poadol

poadol

    Guru Member

  • Grup: Senior Members
  • Posts: 14,104
  • Înscris: 13.12.2010
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
Andrey77

Andrey77

    Member

  • Grup: Members
  • Posts: 688
  • Înscris: 22.12.2009

View Postpoadol, 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.

#8
sorynsoo

sorynsoo

    Junior Member

  • Grup: Members
  • Posts: 171
  • Înscris: 11.04.2012
Multumesc mult de sfaturi, am inteles Posted Image

#9
Andrey77

Andrey77

    Member

  • Grup: Members
  • Posts: 688
  • Înscris: 22.12.2009

View Postsorynsoo, on 08 iulie 2013 - 19:07, said:

Multumesc mult de sfaturi, am inteles Posted Image
N-ai pentru ce :) Dar ti-a mers?

#10
sorynsoo

sorynsoo

    Junior Member

  • Grup: Members
  • Posts: 171
  • Înscris: 11.04.2012
Da a mers :)

#11
Andrey77

Andrey77

    Member

  • Grup: Members
  • Posts: 688
  • Înscris: 22.12.2009
Ok, bafta!

Anunturi

Chirurgia spinală minim invazivă 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

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