رفتن به مطلب

چطور با hover روی یه دایو، یه متن جای دیگه از صفحه نوشته بشه؟


پست های پیشنهاد شده

چطور با hover روی یه دایو، یه متن جای دیگه از صفحه نوشته بشه؟

مثلا وقتی چهار تا مربع تو صفحه دارم با رفتن روی هر کدوم بالای صفحه اسمش نوشته بشه

یعنی hover دو یا چند دایو یه چیز باشه

لینک به ارسال

سلام


<div><h2>Your Text</h2></div>


div h2{display:none;}
div:hover h2{display:block;}

با opacity هم می تونید انجام بدید.

لینک به ارسال

اگه ممکنه این رو بگید که چطور با رفتن روی مربع آبی مربع قرمز هم ظاهر بشه


<!doctype html>
<html>
<head>
<style>
.blue{
border:solid blue;
width:100px;
height:100px;}
.red{
border:solid red;
width:100px;
height:100px;}
</style>
</head>
<body>
<div class="blue"></div>
<div class="red"></div>
</body>
</html>

ویرایش شده توسط MOHCEN
لینک به ارسال

<!doctype html>
<html>
<head>
<style>
.blue{
border:solid blue 2px;
width:100px;
height:100px;
}
.red{
border:solid red 2px;
width:100px;
height:100px;
display:none
}
.blue:hover+.red {
display:block
}
</style>
</head>
<body>
<div class="blue"></div>
<div class="red"></div>
</body>
</html>

لینک به ارسال

واقعا استادین

همینو می خواستم یاد بگیرم که وقتی می خوایم hover چند تا دایو یکی باشه باید بینشون + بذاریم.

فقط این برای بیش از دو تا هم کار می کنه؟ یعنی می شه با + هر چند تا دایو رو اضافه کرد؟

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...