আমার সন্তানের কন্টেন্টটি মাস্ক করার জন্য আমার পিতামাতার দ্বীপে গোলাকার কোণ দরকার। overflow: hidden
সাধারণ পরিস্থিতিতে কাজ করে, তবে পিতামাতার তুলনামূলকভাবে বা একেবারে অবস্থানের সময় ওয়েবকিট ভিত্তিক ব্রাউজার এবং অপেরাতে বিরতি ঘটে।
এটি ফায়ারফক্স এবং আইই 9 তে কাজ করে:
সিএসএস
#wrapper {
width: 300px;
height: 300px;
border-radius: 100px;
overflow: hidden;
position: absolute;
}
#box {
width: 300px;
height: 300px;
background-color: #cde;
}
এইচটিএমএল
<div id="wrapper">
<div id="box"></div>
</div>
সাহায্যের জন্য ধন্যবাদ!
আপডেট: ক্রোম থেকে এই সমস্যার কারণ বাগটি স্থির করা হয়েছে। আমি অবশ্য অপেরা বা সাফারি পুনরায় পরীক্ষা করিনি।