مشکل با after

این تاپیک 2 پاسخ و 2 مشارکت کننده دارد . آخرین آپدیت توسط :  سعید ،‏ 1 سال و 3 ماه پیش .

این تاپیک تاکنون 319 بازدید داشته است .

تگ شده :  

نویسنده پست
سه شنبه ، 25 آگوست 2015     3:37 ب.ظ #


سعید

Subscriber
161 پست35 تاپیک

سلام

تو این کد:

<style>
body{margin:0;}
main{width:100vw;background:#eee;}
.main{width:60%;display:flex;margin:auto;padding:5vw;}
.main div{width:8vw;height:8vw;border:1px #aaa solid;border-radius:100%;margin:auto;background:#fff;overflow:hidden;z-index:1}

.main div:after{width:11vw;height:11vw;background:#24545f;border-radius:100%;content:'';position:absolute;opacity:.8;transform:translate(-1.48vw,-1.48vw);}
</style>

<main>
<div class='main'>
<div></div>
</div>
</main>

چیکار کنم که اون after،پشت div بیوفته؟از z-index استفاده کردم افتاد پشت main ، ینی محو شد

0  تشکر
سه شنبه ، 25 آگوست 2015     6:08 ب.ظ #


reza____ebliser

Subscriber
568 پست67 تاپیک

شما یکبار از z-index استفاده کردی در صورتی که میتونی برای هر کودومشون این رو استفاده کنی

به یکی بده 1 به اونی که میخوای روش باشه بده 2

اونی که میخوای زیر همه باشه بده 0

1  تشکر
سه شنبه ، 25 آگوست 2015     6:36 ب.ظ #


سعید

Subscriber
161 پست35 تاپیک

رضا جون من که گفتم نمیشه

ول کن یه کار دیگه کردم براش

0  تشکر
پست 1 تا 3 (از مجموع 3 پست)

برای پاسخ دادن به این تاپیک باید وارد سایت شوید .