سؤال

ولدي IMG داخل شعبة. لقد تعيين IMG إلى "تعويم: الحق"، وشعبة إلى "تجاوز: المخفية". لأن شعبة أضيق من IMG، وأتوقع الجزء الأيسر من IMG أن تقطع ومخفية، كما هو الحال في فايرفوكس الواقع. ومع ذلك، يرفض IE الاعتراف "تعويم: الحق" ملكا للIMG، دائما ترسيخ قيمه img إلى الجانب الأيسر من شعبة وقطع جزء الأيمن من IMG. هل هناك حلا لهذه المشكلة؟ أو أفعل شيئا خاطئا؟

و
** معلومات خلفية

والسبب أريد أن أفعل هذا لأنني أريد أن IMG لتظهر مع مسج لتأثير "أعمى" (من اليسار إلى اليمين)، ومن ثم تختفي مع وجود تأثير أعمى مماثل (مرة أخرى، من اليسار إلى اليمين).

وتأثير أعمى الافتراضي مسج للا يعالج تختفي من اليسار إلى اليمين. وأنا على التخمين أن السبب في ذلك هو أن وضع معين (إخفاء مقابل العرض) واتجاه معين (من اليسار مقابل اليمين أو أعلى مقابل أسفل) مجموعات تتطلب حركة إضافية من المرتبة الأولى اليسرى من شعبة. اسمحوا لي أن تثبت مع مثال على ذلك. لنفترض أننا نريد أن نجعل تظهر صورة من اليسار إلى اليمين مع تأثير أعمى. حسنا، هذا هو بسيط، ونحن مجرد مجموعة تجاوز شعبة أن المخفية، وصورة لتطفو إلى اليسار، ثم تغيير العرض من شعبة من 0 إلى عرض الصورة. من ناحية أخرى، إذا كنا نريد الآن لجعل الصورة تختفي من اليسار إلى اليمين مع تأثير أعمى، لدينا لضبط الصورة لتطفو الحق، وتقليص عرض شعبة من عرض صورة 0، في حين بايعاز من أعلى الزاوية اليسرى شعبة إلى اليمين، من اجل الحفاظ على حافة ثابتة الصحيحة للصورة.

ولقد كتبت عن رمز لدمج الحركات الزاوية العلوية اليسرى، وأنه يعمل بشكل جيد في FF، ولكن فشل في IE. لأن IE لا تحترم تعويم: الحق وبدلا من ذلك يصر على ترسيخ الصورة إلى اليسار، والنتيجة هي أن من "الانزلاق" مسج بدلا من الرسوم المتحركة "أعمى"

هل كانت مفيدة؟

المحلول

وكنت قد تحاول التالية لIE 7:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
</head>
<body>
<div style="overflow: hidden; width: 150px; direction: rtl;">
   <img src="yourimage.png" style="float: right" />
</div>
</body>
</html>

والاتجاه: styel وRTL يعمل بالنسبة لي في IE 8 باستخدام وضع IE 7 المعايير. IE 8 باستخدام IE 8 معايير ليست بحاجة الى نمط الاتجاه.

ونأمل أن هذا قد يحل مشكلتك. لست متأكدا ما اذا كانت ستعمل مع أي محتوى آخر قد يكون لديك في شعبة، ولكن يبدو أن تحقيق تؤثر تريد مع الصورة.

نصائح أخرى

وأسوأ حالة: الانزلاق على DIV أبيض على الجانب الأيسر من الصورة؟ جدا عبر منصة بالرغم من ذلك.

مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top