Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
touchscreen navigatie stricat

bonsai - de unde?

Resetare Bonus Malus

Unitatea optica DVD-rw absenta pe...
 Problema configurare Wireguard

Dozatoare de apa, cu alimentare d...

Intarziere aterizare avioane

Accident masina reparata pe CASCO
 Probleme Ginseng Microcarpa

Un sunet pronuntat la BMW e90 318i

Caut sugestii pentru achizitionar...

Acest LNB......
 Salarii compensatorii?

Recomandare service in Slatina pe...

De unde cumparati piese de schimb...

Intrebare generala cont bancar Ro...
 

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

Second Opinion Second Opinion

Folosind serviciul second opinion ne puteți trimite RMN-uri, CT -uri, angiografii, fișiere .pdf, documente medicale.

Astfel vă vom putea da o opinie neurochirurgicală, fără ca aceasta să poată înlocui un consult de specialitate. Răspunsurile vor fi date prin e-mail în cel mai scurt timp posibil (de obicei în mai putin de 24 de ore, dar nu mai mult de 48 de ore). Second opinion – Neurohope este un serviciu gratuit.

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