bftarane
شنبه 27 مهر 1392, 12:32 عصر
سلام.
لطفاً فایل ضمیمه رو ببینید.
چطور میشه کاری کرد که وقتی دیو با آی دی pd_hover، اپاسیتی می گیره دیوی که به رنگ نارنجی هست شفافیتش تغییر نکنه؟
کسانی هم که سختشونه دانلود کنن اینم کدها:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style>
#pd_box
{
width:310px; height:330px; float:right; margin:10px;
border:solid 1px #999;
background:#fff;
border-radius:12px;
}
#pd_img
{
width:310px;
height:200px;
z-index:1000;
}
#pd_boxbottom
{width:310px;
height:130px;
}
#pd_hover
{
width:310px;
height:200px;
display:none;
position: relative;
}
#pd_img:hover #pd_hover
{
background:red;
display:block;
opacity:0.5;
}
#pd_img img {
position: absolute;
}
#btn
{
background:orange;
width:100px;
height:100px;
}
</style>
</head>
<body>
<div id="pd_box">
<div id="pd_img">
<img src="Tulips.gif" width="310px" height="200px"/>
<div id="pd_hover"><div id="btn">جزئیات بیشتر</div></div>
</div>
<div id="pd_boxbottom"></div>
</div>
</body>
</html>
لطفاً فایل ضمیمه رو ببینید.
چطور میشه کاری کرد که وقتی دیو با آی دی pd_hover، اپاسیتی می گیره دیوی که به رنگ نارنجی هست شفافیتش تغییر نکنه؟
کسانی هم که سختشونه دانلود کنن اینم کدها:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style>
#pd_box
{
width:310px; height:330px; float:right; margin:10px;
border:solid 1px #999;
background:#fff;
border-radius:12px;
}
#pd_img
{
width:310px;
height:200px;
z-index:1000;
}
#pd_boxbottom
{width:310px;
height:130px;
}
#pd_hover
{
width:310px;
height:200px;
display:none;
position: relative;
}
#pd_img:hover #pd_hover
{
background:red;
display:block;
opacity:0.5;
}
#pd_img img {
position: absolute;
}
#btn
{
background:orange;
width:100px;
height:100px;
}
</style>
</head>
<body>
<div id="pd_box">
<div id="pd_img">
<img src="Tulips.gif" width="310px" height="200px"/>
<div id="pd_hover"><div id="btn">جزئیات بیشتر</div></div>
</div>
<div id="pd_boxbottom"></div>
</div>
</body>
</html>