راهنمایی در داشتن دو بکگراند ، یکی با img یکی با کلاس css

[dr.undead]

سلام
همونجور که از عنوان مشخصه ، این کد هارو دارم

<div class="own"><img src="img/fun.jpg" /></div>

.own:hover {z-index:999; background:url(../img/rer.png);}

میخوام با hover کردن روی "own" یک عکس روی img بیاد
اما میفته پشتش
راه حلی که دوستان پیشنهاد دارن چیه
ممنون

[dr.undead]

کسی چیزی نمیدونه یا درگیر عیدن ؟ :لبخند:

[storm_saeed]

یه راحش اینه (البته با این فرض که شما میخواید یه عکس اون پشت ثابت باشه با hover کردن یه عکس جلوش بیاد )
دو تا کلاس تعریف کن
.classOne{
background: url('../img/one.png');
background-repeat: no-repeat;
width:Xpx;
height:Xpx;}
.classTwo{
position: relative;
background-repeat: no-repeat;
width:Xpx;
height:Xpx;}
classTwo:hover{
background: url('../img/two.png');
background-repeat: no-repeat;
}




بعد کافیه اینو بنویسی توکدت
<div class="classOne">
<div class="classTwo"></div></div>

[dr.undead]

مشکل دقیفا همینجاست
که عکس پشتی با استفاده از <img> قرار داده شده.

[Omid Jackson]

سلام
همونجور که از عنوان مشخصه ، این کد هارو دارم

<div class="own"><img src="img/fun.jpg" /></div>

.own:hover {z-index:999; background:url(../img/rer.png);}

میخوام با hover کردن روی "own" یک عکس روی img بیاد
اما میفته پشتش
راه حلی که دوستان پیشنهاد دارن چیه
ممنون

میتونین این کد رو اضافه بکنین:
.own:hover > img {
visibility: hidden;
}
تست بکنین ببینین جواب میده یا نه، وقتی رو .own برین عکس پنهان میشه و با کد خودتون بکگراند نمایش داده میشه
از display: none استفاده نکنین اینجا

[2undercover]

میتونین این کد رو اضافه بکنین:
.own:hover > img {
visible: hidden;
}
تست بکنین ببینین جواب میده یا نه، وقتی رو .own برین عکس پنهان میشه و با کد خودتون بکگراند نمایش داده میشه
از display: none استفاده نکنین اینجا

اصلاحیه: visible رو به visibility تغییر بدید.

[Omid Jackson]

اصلاحیه: visible رو به visibility تغییر بدید.

ممنون، دقت نکردم به کد ها
تغییر میدم