css

[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 همون المنتی هست که میخوام روی سکشن بیاد

[Sevda]

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

[mohammad.b]

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

[Mehdi_Owski]

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

[mohammad.b]

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

[نویسنده]

نوشته‌ها