CSS3 تغيير حجم في Webkit / Safari

Question

أحاول استخدام CSS3 resize لإنشاء DIV في وضع تغيير مطلق في Safari و Firefox Beta. بغض النظر عن ما أقوم به، لا أستطيع أن أجعله يعمل - هل هناك حالات resize لا يمكن استخدامها؟

Answer 1

من أجل العمل في رحلات السفاري، يبدو أنه يحتاج overflow:auto تطبق على DIV.

بالإضافة إلى ذلك، العرض height و width التابع div سوف تتصرف كما min-height و min-width.

هذا يعمل فقط بالنسبة لي في رحلات السفاري، وليس في فايرفوكس 3.5.

<div id="box"> Nice box </div>

CSS:

#box {
   /* important */
   resize: both;
   overflow: auto;

   /* Styling */
   background: red;
   position: absolute; /* per the question */
   top: 50px;
   left: 50px;
   width: 300px
}