Skocz do zawartości

Witamy w Nieoficjalnym polskim support'cie AMX Mod X

Witamy w Nieoficjalnym polskim support'cie AMX Mod X, jak w większości społeczności internetowych musisz się zarejestrować aby móc odpowiadać lub zakładać nowe tematy, ale nie bój się to jest prosty proces w którym wymagamy minimalnych informacji.
  • Rozpoczynaj nowe tematy i odpowiedaj na inne
  • Zapisz się do tematów i for, aby otrzymywać automatyczne uaktualnienia
  • Dodawaj wydarzenia do kalendarza społecznościowego
  • Stwórz swój własny profil i zdobywaj nowych znajomych
  • Zdobywaj nowe doświadczenia

Dołączona grafika Dołączona grafika

Guest Message by DevFuse
 

Zdjęcie
CSS

Przezroczystość

css

  • Nie możesz napisać tematu
  • Zaloguj się, aby dodać odpowiedź
4 odpowiedzi w tym temacie

#1 Michael.

    Pomocny

  • Użytkownik

Reputacja: 16
Początkujący

  • Postów:65
  • GG:
  • Imię:Michał
  • Lokalizacja:Warszawa
Offline

Napisano 26.08.2012 15:08

Witam, w mini poradniku jak utworzyć przezroczystość, krycie w CSS3 dla Webkit, Mozilla i Internet Explorer (od wersji 9).
Zacznijmy od zrzutu ekranu ukazującego ten efekt:

Dołączona grafika

Nasz CSS, wygląda następująco:
#krycie {
background:red;  // odpowiada za tło
opacity:0.5;         // odpowiada za przezroczystość, 1 - nieprzezroczysty, 0 - przezroczysty na max
width:500px;       // szerokość
margin:15px;      // odciągniecie od marginesów
padding:10px;      // wypełnienie do środka napisu
color:white;         // color napisu
}

Zatem HTML musi wyglądać tak:
<div id="krycie">Tutorial AMXX.PL</div>
To wszystko na ten tutorial, dziękuje :)
  • +
  • -
  • 0

Szukasz unikalnego Call Of Duty:MW3 Mod'a? Znudziły Ci się serwery z brakiem unikalności? Mam coś dla Ciebie, spójrz niżej.

Dołączona grafika

Dołączona grafika

Klikaj codziennie!

IP: 80.82.16.70:27027


#2 thestig

    Życzliwy

  • Użytkownik

Reputacja: 7
Nowy

  • Postów:20
  • GG:
  • Lokalizacja:Katowice
Offline

Napisano 29.06.2013 14:58

Co prawda odkopuję temat ale... można dodać przezroczystość np. tylko na tło

background: rgba(255,0,0,0.5);

wtedy tekst i wszystko co znajduje się w danym kontenerze jest czytelniejsze.

 

Pozdrawiam

TheStig


  • +
  • -
  • 2

www.eRZetMedia.pl - tanie strony www, fora, sklepy internetowe

www.Elita-Snajperow.pl - Serwery CS:CZ - FFA/GG


#3 GiboneKPL

    Życzliwy

  • Użytkownik

Reputacja: 5
Nowy

  • Postów:29
  • GG:
  • Imię:Maciek
  • Lokalizacja:Brzesko
Offline

Napisano 08.01.2014 16:53

Też odkopie lekko..

Można także używać zaokrąglenia do setnych czyli:

opacity: 0.57;

  • +
  • -
  • 0

#4 andrzejcygan

    Nowy

  • Nowy

Reputacja: 0
Nowy

  • Postów:1
  • Imię:Andrzej
  • Lokalizacja:Kraków
Offline

Napisano 15.01.2014 22:17

Ja większość rzeczy badam w chromie i tam edytuje ;)


  • +
  • -
  • 0

#5 pilus

    Nowy

  • Nowy

Reputacja: 0
Nowy

  • Postów:2
  • Lokalizacja:Warszawa
Offline

Napisano 17.07.2015 05:51

Jak się che można określić stopień przeroczystości background: rgba(255,0,0,200),  nie musi być jednolita, można zrobić efekt stopniowego przejścia.


Użytkownik pilus edytował ten post 17.07.2015 05:53

  • +
  • -
  • 0





Również z jednym lub większą ilością słów kluczowych: css

Użytkownicy przeglądający ten temat: 0

0 użytkowników, 0 gości, 0 anonimowych