lostyazilim
tr.link

Div'e opacity verme

10 Mesajlar 1.118 Okunma
acebozum
tr.link

bysabo bysabo WM Aracı Kullanıcı
  • Üyelik 23.09.2014
  • Yaş/Cinsiyet 34 / E
  • Meslek E-Ticaret
  • Konum İstanbul Avrupa
  • Ad Soyad i** E**
  • Mesajlar 95
  • Beğeniler 0 / 3
  • Ticaret 1, (%100)
Merhaba

Div'e opacity verince tüm div ve içerik olduğu gibi saydamlaşıyor

acaba nasıl sadece arkaplanı saydam yapıp içeriği net gösterebiliriz ?
 

 

elektronikssl
webimgo

SenolBayar SenolBayar WM Aracı Kullanıcı
  • Üyelik 14.08.2016
  • Yaş/Cinsiyet 43 / E
  • Meslek Yazılım
  • Konum Ankara
  • Ad Soyad Ş** B**
  • Mesajlar 3
  • Beğeniler 0 / 0
  • Ticaret 0, (%0)
div'in içinde ne olduğuna bağlı örnek verirsen bakalım...
 

 

ademgao ademgao ademgao.com Kullanıcı
  • Üyelik 05.12.2013
  • Yaş/Cinsiyet 29 / E
  • Meslek Web Tasarım
  • Konum İstanbul Avrupa
  • Ad Soyad A** G**
  • Mesajlar 561
  • Beğeniler 119 / 120
  • Ticaret 19, (%95)
Background varsa eğer renk kodunu rgba yaparak opacity verebilirsin.
Örnek kullanım.

.kutu {background-color: rgba (0,0,0,0.5) }
 

 

Psd2css işleri için pm atınız.

bysabo bysabo WM Aracı Kullanıcı
  • Üyelik 23.09.2014
  • Yaş/Cinsiyet 34 / E
  • Meslek E-Ticaret
  • Konum İstanbul Avrupa
  • Ad Soyad i** E**
  • Mesajlar 95
  • Beğeniler 0 / 3
  • Ticaret 1, (%100)
meselena


Baslik


Burada da veritabanından içerik çeksin
Buton



olsun mesela. Sadece arkaplan şeffaf geri kalanlar net olsun
 

 

wmaraci
wmaraci

YazilimDahisi YazilimDahisi WM Aracı Kullanıcı
  • Üyelik 17.01.2016
  • Yaş/Cinsiyet 38 / E
  • Meslek Yazilim
  • Konum Antalya
  • Ad Soyad M** P**
  • Mesajlar 129
  • Beğeniler 38 / 45
  • Ticaret 4, (%75)
Arkadaş örnek vermiş yukarıda.

.xxx {background-color: rgba (0,0,0,0.5) }

Div'in üstüne fare ile gelincede net renk olsun istiyorsan

.xxx:hover {background-color: #fff; }

gibi yapabilirsin.
 

 

PanDooRa PanDooRa WM Aracı E-Mail Onaysız
  • Üyelik 25.01.2012
  • Yaş/Cinsiyet 37 / E
  • Meslek Webmaster
  • Konum Ankara
  • Ad Soyad M** K**
  • Mesajlar 398
  • Beğeniler 144 / 50
  • Ticaret 14, (%100)

ademgao adlı üyeden alıntı

Background varsa eğer renk kodunu rgba yaparak opacity verebilirsin.
Örnek kullanım.

.kutu {background-color: rgba (0,0,0,0.5) }


peki, renk değilde resim koymak istiyorsak o zaman nasıl yapabiliriz?
 

 

KadirCeyhan KadirCeyhan WM Aracı Kullanıcı
  • Üyelik 23.10.2016
  • Yaş/Cinsiyet 27 / E
  • Meslek Öğrenci
  • Konum Denizli
  • Ad Soyad K** C**
  • Mesajlar 689
  • Beğeniler 0 / 203
  • Ticaret 6, (%100)
background-image: url('resim.png')
 

 

ademgao ademgao ademgao.com Kullanıcı
  • Üyelik 05.12.2013
  • Yaş/Cinsiyet 29 / E
  • Meslek Web Tasarım
  • Konum İstanbul Avrupa
  • Ad Soyad A** G**
  • Mesajlar 561
  • Beğeniler 119 / 120
  • Ticaret 19, (%95)
Aslında kodları görsek çok çabuk çözüm üretebiliriz
 

 

Psd2css işleri için pm atınız.

bysabo bysabo WM Aracı Kullanıcı
  • Üyelik 23.09.2014
  • Yaş/Cinsiyet 34 / E
  • Meslek E-Ticaret
  • Konum İstanbul Avrupa
  • Ad Soyad i** E**
  • Mesajlar 95
  • Beğeniler 0 / 3
  • Ticaret 1, (%100)
Rgba ile arkaplan rengini şeffaf yapabiliyoruz ancak arkaplan eğer resim ise bu arkaplan resmine içeriğin netliğini bozmadan saydamlık vermenin bir yolu var mı ?
 

 

SenolBayar SenolBayar WM Aracı Kullanıcı
  • Üyelik 14.08.2016
  • Yaş/Cinsiyet 43 / E
  • Meslek Yazılım
  • Konum Ankara
  • Ad Soyad Ş** B**
  • Mesajlar 3
  • Beğeniler 0 / 0
  • Ticaret 0, (%0)
gizli proje kodları göstermiyo :P
 

 

wmaraci
wmaraci
Konuyu toplam 2 kişi okuyor. (0 kullanıcı ve 2 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al