lostyazilim

Arkaplanı Üste Çıkarmak

6 Mesajlar 1.760 Okunma
lstbozum
wmaraci reklam

aakinci aakinci hdfilmdevi.org Kullanıcı
  • Üyelik 21.03.2012
  • Yaş/Cinsiyet 32 / E
  • Meslek Bilgisayar Öğretmeni
  • Konum Manisa
  • Ad Soyad A** A**
  • Mesajlar 902
  • Beğeniler 51 / 110
  • Ticaret 51, (%96)
başlık biraz kafa karıştırıcı olabilir fakat şimdi olayın özünü sizlere aktarafağım. Aşağıdaki resimde de gördüğünüz gibi film afişinin üstüne gelince alttaraftaki filmin isminin olduğu yere hover ine yani bir arkaplan atadın fakat arkaplanın üstünde film ismi görünmeye devam ediyor. Bu yazıyı nasıl kaldırabilirim ya da arka planı yazının üstüne nasıl alabilirim. Şimdiden teşekkürler.



kodlar ise şu şekilde CSS:

.full_box {
float: left;
width: 178px;
margin: 0 5px 10px 0;
height:308px;
}

.full_box:hover{
background-image: url("../images/izle.png");
}


HTML Kodları;

 

 

wmaraci
reklam

Rec Rec Rock Metal and Yazılım. Kullanıcı
  • Üyelik 13.11.2013
  • Yaş/Cinsiyet 27 / E
  • Meslek Girişimci
  • Konum İstanbul Avrupa
  • Ad Soyad C** A**
  • Mesajlar 146
  • Beğeniler 37 / 36
  • Ticaret 0, (%0)
Resim üstte olsun istiyorsan : Yazı üstte olup resim altta olsun istiyorsan : background-image olarak ver.Ayrıca orada php yok php kodu yazmışsınd :D :D
 

 

aakinci aakinci hdfilmdevi.org Kullanıcı
  • Üyelik 21.03.2012
  • Yaş/Cinsiyet 32 / E
  • Meslek Bilgisayar Öğretmeni
  • Konum Manisa
  • Ad Soyad A** A**
  • Mesajlar 902
  • Beğeniler 51 / 110
  • Ticaret 51, (%96)

Rec adlı üyeden alıntı

Resim üstte olsun istiyorsan : Yazı üstte olup resim altta olsun istiyorsan : background-image olarak ver.Ayrıca orada php yok php kodu yazmışsınd :D :D


kodlar renkli görünsün diye yaptım onu daha net anlaşılsın diye css kodları
 

 

Onur89TR Onur89TR Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 04.12.2011
  • Yaş/Cinsiyet 35 / E
  • Meslek .
  • Konum İzmir
  • Ad Soyad ** **
  • Mesajlar 2376
  • Beğeniler 704 / 791
  • Ticaret 1, (%100)
HTML kodunu aşağıdaki gibi değiştir (sadece a class'ını FilmBasligi yaptım.

Ve CSS'in sonuna şunu ekle.

.full_box .product_box a.FilmBasligi {
visibility: visible;
}
.full_box:hover .product_box a.FilmBasligi {
visibility: hidden;
}
 

 

wmaraci
wmaraci

Rec Rec Rock Metal and Yazılım. Kullanıcı
  • Üyelik 13.11.2013
  • Yaş/Cinsiyet 27 / E
  • Meslek Girişimci
  • Konum İstanbul Avrupa
  • Ad Soyad C** A**
  • Mesajlar 146
  • Beğeniler 37 / 36
  • Ticaret 0, (%0)

aakinci adlı üyeden alıntı

kodlar renkli görünsün diye yaptım onu daha net anlaşılsın diye css kodları


Tamam sorununu anladım,şöyle bi çözüm olabilir

İki resmide resim olarak yap
 

 

aakinci aakinci hdfilmdevi.org Kullanıcı
  • Üyelik 21.03.2012
  • Yaş/Cinsiyet 32 / E
  • Meslek Bilgisayar Öğretmeni
  • Konum Manisa
  • Ad Soyad A** A**
  • Mesajlar 902
  • Beğeniler 51 / 110
  • Ticaret 51, (%96)

Onur89TR adlı üyeden alıntı

HTML kodunu aşağıdaki gibi değiştir (sadece a class'ını FilmBasligi yaptım.

Ve CSS'in sonuna şunu ekle.

.full_box .product_box a.FilmBasligi {
visibility: visible;
}
.full_box:hover .product_box a.FilmBasligi {
visibility: hidden;
}


yine günü kurtardın valla sağol :)
Onur89TR

kişi bu mesajı beğendi.

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