Warning: Declaration of Bootstrap_Walker::start_lvl(&$output, $depth) should be compatible with Walker_Nav_Menu::start_lvl(&$output, $depth = 0, $args = NULL) in /home/itport/public_html/wp-content/themes/itport-v5.0/functions/bootstrap-walker.php on line 25

Warning: Declaration of Bootstrap_Walker::end_lvl(&$output, $depth) should be compatible with Walker_Nav_Menu::end_lvl(&$output, $depth = 0, $args = NULL) in /home/itport/public_html/wp-content/themes/itport-v5.0/functions/bootstrap-walker.php on line 42

Warning: Declaration of Bootstrap_Walker::start_el(&$output, $item, $depth, $args) should be compatible with Walker_Nav_Menu::start_el(&$output, $data_object, $depth = 0, $args = NULL, $current_object_id = 0) in /home/itport/public_html/wp-content/themes/itport-v5.0/functions/bootstrap-walker.php on line 57

Warning: Declaration of Bootstrap_Walker::end_el(&$output, $item, $depth, $args) should be compatible with Walker_Nav_Menu::end_el(&$output, $data_object, $depth = 0, $args = NULL) in /home/itport/public_html/wp-content/themes/itport-v5.0/functions/bootstrap-walker.php on line 108
آی تی پورت | حذف و نامرئی کردن اشیا به کمک CSS
Warning: Use of undefined constant url - assumed 'url' (this will throw an Error in a future version of PHP) in /home/itport/public_html/wp-content/themes/itport-v5.0/header.php on line 56

Warning: Use of undefined constant title - assumed 'title' (this will throw an Error in a future version of PHP) in /home/itport/public_html/wp-content/themes/itport-v5.0/header.php on line 57
تجارت الکترونیکطراحی وب

حذف و نامرئی کردن اشیا به کمک CSS

طراحی وب

با سلام

در این مطلب میخوایم یاد بگیریم چطور یه دایو رو نامرئی یا حذف کنیم.

در ابتدا اشاره کنم که نامرئی کردن شی در اینجا به این معناست که شی در وب نمایش داده نشود اما اندازه آن در وب باقی بماند مثلا یک دایو ۳۰۰ در ۳۰۰ پیکسلی را که نامرئی کنیم اندازه ی ۳۰۰ در ۳۰۰ آن باقی میماند اما دایو نمایش داده نمیشود

و تفاوت نامرئی کردن با حذف کردن در این همین نکته است چون با حذف دایو اندازه مثلا ۳۰۰ در ۳۰۰ پیکسلی دایو به ۰ در ۰ تبدیل میشود.

که هر کدام از این خواص در جای خود فوائدی دارند.

حالا بریم سراغ کد نویسی و مشاهده عملکرد کدهای اشاره شده:

نمونه کد نامرئی کردن دایو:

h1.hidden {visibility:hidden;}

نمونه کد حذف کردن دایو:

h1.hidden {display:none;}

امیدوارم این آموزش به کارتون اومده باشه و قطره ای به دریای علمتون افزوده باشه.

سوالات و نظراتتون رو حتما اعلام کنید 🙂

گفتگو ها
    میترا

    تشکر زیاد