سلام دوستان عزیز.
میخوام یک div داشته باشم که یک عکس توش باشه و یک سمت عکس یک متن بزارم و وقتی روی عکس hover میشه عکس مات بشه. باید چیکار کنم؟
خواهش میکنم راهنماییم کنین . زیاد فرصت ندارم:n16:
Printable View
سلام دوستان عزیز.
میخوام یک div داشته باشم که یک عکس توش باشه و یک سمت عکس یک متن بزارم و وقتی روی عکس hover میشه عکس مات بشه. باید چیکار کنم؟
خواهش میکنم راهنماییم کنین . زیاد فرصت ندارم:n16:
سلام
در قسمت body کد زیر رو وارد کنید:
کد:<div>
<img id="m1" src="imageaddress">
<p id="p1">matne morede nazar</p>
</div>
ودر قسمت head و در تگ style کد زیر را وارد کنید
کد:<style>
#p1{float:right}
#m1:hover{opacity:0.5}
</style>
سپاس فراوان بخاطر راهنماییتوننقل قول:
:n16:
دوست عزیز من این کارو انجام دادم ولی متن زیر عکس قرار می گیره. من میخوام متنم روی عکس سمت چپ قرار بگیره. ممنون میشم بگید چیکار کنم؟نقل قول:
سلام
اینو درست کردم ، تغییر خواست بگید روش انجام بدم :
کد:<style>.myDiV{
width:200px;
position:relative;
border:1px solid silver;
}
.myDiV img{
max-width:100%;
}
.myDiV img:hover{
-webkit-filter: blur(2px);
-moz-filter: blur(2px);
-ms-filter: blur(2px);
}
.myDivTxT{
position:absolute;
top:20px;
left:20px;
text-shadow:0px 0px 10px #fff;
font:13px tahoma;
}
</style>
<div class="myDiV">
<img src="http://rozup.ir/view/1624799/header.jpg"/>
<div class="myDivTxT">Your Text Here my Friend </div>
</div>
عااااالیه. دقیقا همون چیزیه که میخواستم. بینهایت سپاس دوست عزیز:n16:نقل قول:
خواهش میکنم ... :n12:
باید position رو absolute قرار بدید برای عکس. بعد z-index متن رو بالاتر از عکس تعیین کنید.
ما موقعیت متن نسبت به عکس رو میخوایم واسه همین به عکس absolute میدیم و به متن خویشاوندی ( relative ) ، جای عکس که مشخصه ( کل div رو میگیره و پوزیشن الکی بهش دادن بعدا دردسر میشه : دی ) :n02: