css

در حال نمایش 5 نوشته (از کل 5)
  • نویسنده
    نوشته‌ها
  • #10630
    Mehdi_Owski
    مشارکت کننده

    سلام، میخواستم یه Section که دارای تعدادی فونت ایکون هست رو طوری بچینم که بکگراند کار به حساب بیاد. و روی این section میخوام menu و slider درست کنم و خلاصه میخوام اون section ثابت بمونه برای بکگراند و باقی المنت ها بیان روی این Section. تا حدودی هم پیش بردمش اما تو قسمت slider به مشکل خوردم. چون باید به قسمت slider یک position absolute بدم، slider اسکرول نمیشه با اینکه کدهای slider مشکلی ندارن. حتی z-index هم به تگ ها دادم اما باز درست نشد. ممنون میشم راهنمایی کنید.

    
    section {
        position: relative;
        width: 100%;
        height: 100vh;
        background: #111;
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }
    
    section .row {
        position: relative;
        width: 100%;
        top: -100%;
        display: flex;
        padding: 10px 0;
        white-space: nowrap;
        font-size: 64px;
        transform: rotate(-30deg);
    }
    
    section i {
        z-index: -1;
        color: rgba(0, 0, 0, 0.5);
        transition: 1s;
        padding: 0 5px;
        user-select: none;
        cursor: default;
    }
    
    #main {
        padding-top: 80px;
        z-index: 1;
        position: absolute;
    }
    

    اینم کد های مربوط، #main همون المنتی هست که میخوام روی سکشن بیاد

    به این صورت قرار گرفتن
    در این قسمت اسکرول نمیشه و به کل به مشکل میخوره کار
    کد های html
    کدهای css
    کدهای css

    #10644
    Sevda
    مشارکت کننده

    سلام
    تا جایی که متوجه شدم مشکل اینه که اسلایدر scroll نمی‌شه و همینم باعث شده ظاهر سایت به هم بریزه. تو این مقاله یه اسلایدر ساده رو به کمک HTML و CSS ایجاد کردن که فکر می‌کنم می‌تونه مفید باشه و ازش ایده بگیرید.
    اگر حل نشد لطفا یکم بیشتر توضیح بدید درمورد مشکلی وجود داره. ممنونم

    #10647
    mohammad.b
    مشارکت کننده

    سلام position رو fixed بزار ببین درست میشه left & top رو صفر بزار
    کدهارو اگه کامل بزاری و یکم بیشتر توضیح بدی راحتتر میشه راهنمایی کرد

    #10762
    Mehdi_Owski
    مشارکت کننده

    خیلی ممنونم مشکل حل شد

    #10801
    mohammad.b
    مشارکت کننده

    اگه ببتونی توضیح بدی که چکار کردی مشکل حل شد خیلی خوب میشه

در حال نمایش 5 نوشته (از کل 5)
  • شما برای پاسخ به این موضوع باید وارد شوید.
open

برای اطلاع از به روز رسانی دوره‌ها عضو کانال تلگرام فرانت کست شوید