คุณสมบัติความกว้างของ CSS \ 9

209

ความหมายของสิ่งนี้คืออะไร? ฉันเดาว่ามันคือแฮ็คของเบราว์เซอร์ แต่ฉันไม่สามารถค้นหาสิ่งที่มันทำ

width: 500px\9;

ความสำคัญของ\9อะไร

css width css-hack

— จริงๆแล้ว
แหล่งที่มา

ในไฟล์ css .. ตั้งค่าความกว้างขององค์ประกอบบางอย่าง

— ดีจริง

ไม่ซ้ำกันแน่นอน แต่คำถามนี้ตอบคุณ: stackoverflow.com/questions/701732/size-in-css-with-slash

— Raptor

ไม่สามารถใช้งานได้ในรุ่น CSS ใด ๆ เท่าที่ฉันสามารถดู ...

— มาร์ค B

ฉันไม่คิดว่าคำถามนี้หมายถึงสิ่งเดียวกัน

— ดีจริง

6

@Shivan Raptor: ไม่มันไม่ได้ มันเป็นคำถามที่แตกต่างอย่างสิ้นเชิง

— BoltClock

290

\9 เป็น "CSS hack" เฉพาะสำหรับ Internet Explorer 7, 8, & 9

นี่หมายถึงว่าเฉพาะหนึ่งบรรทัดของ CSS ที่ลงท้ายด้วย\9;แทนที่จะ;ใช้ได้เฉพาะใน IE 7, 8, & 9

ในตัวอย่างของคุณ

width: 500px\9;หมายความว่าจะใช้ความกว้าง 500 พิกเซล (ผลลัพธ์เดียวกันwidth: 500px;) ขณะใช้ IE 7, 8, & 9

เบราว์เซอร์อื่น ๆ ทั้งหมดจะไม่สนใจwidth: 500px\9;ทั้งหมดดังนั้นจึงไม่มีผลwidth: 500px;กับองค์ประกอบเลย

หาก CSS ของคุณเป็นแบบนี้ ...

#myElement {
    width: 300px;
    width: 500px\9;
}

ผลลัพธ์จะมี#myElementความกว้าง 500 พิกเซลใน IE 7, 8, & 9 ในขณะที่เบราว์เซอร์อื่น ๆ ทั้งหมด#myElementจะมีความกว้าง 300 พิกเซล

ข้อมูลเพิ่มเติม

แก้ไข:

คำตอบนี้ถูกเขียนขึ้นในปี 2554 ขณะนี้ควรสังเกตว่าแฮ็คนี้ใช้ได้ใน IE 10 ด้วย

— สปาร์ก
แหล่งที่มา

1

@ jdavid.net ถ้ามันไม่ทำลาย CSS ของคุณไม่มีอะไรแน่นอน AFAIK

— ปาร์ก

10

\0แทนที่จะ\9จะใช้กับ IE10 เช่นกัน

— abc123

21

@ abc123 ให้หวังว่าพวกเขาจะไม่ได้รับ IE เป็นเวอร์ชัน 16 แล้ว

— Hoffmann

4

จากประสบการณ์ของฉันในตอนนี้\9ก็ใช้กับ IE 10 ด้วยwidthคุณสมบัติอย่างน้อยในโหมดการจำลองของ IE โหมดอีมูเล้กส์เป็นช่วงเวลาที่ดีที่สุดดังนั้นบางทีนั่นอาจเป็นสาเหตุ

— davidjb

1

@davidjb นั่นเป็นเพราะมันไม่ใช่อีมูเลเตอร์ มันถูกออกแบบมาเป็นทางเลือกสำหรับรหัสเก่า

— ปาร์ก

13

มันเป็นแฮก CSS สำหรับ IE9 และรุ่นต่ำกว่า

เขียนแบบนี้:

width: 500px\9;

อ่านบทความนี้http://dimox.net/personal-css-hacks-for-ie6-ie7-ie8/

— Sandeep
แหล่งที่มา

4

ขอบคุณสำหรับลิงค์ แต่บทความไม่ได้อธิบายว่ามันทำอะไร

— ดีจริง

1

เราใช้แฮ็คสำหรับ IE เพื่อสองสิ่ง 1) มีคุณสมบัติบางอย่างที่ IE ไม่รองรับเช่น display: inline-block & 2) ทุกเบราว์เซอร์แสดงคุณสมบัติ HTML & css บางอย่างแตกต่างกัน ตรวจสอบบทความนี้blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block

— sandeep

ตรวจสอบลิงค์ได้ที่coding.smashingmagazine.com/2010/06/07/…

— sandeep

IE รองรับการแสดงผล: inline-block ;, ตัวอย่างที่ไม่ดี

— reisio

ดูเหมือนจะไม่ใช่แฮ็คที่มีประโยชน์อย่างยิ่งสำหรับคุณสมบัติ 'ความกว้าง' อย่างน้อยไม่อยู่นอกโหมดนิสัยใจคอ

— reisio

2

ใน IE9 เพื่อตั้งค่าคุณสมบัติความกว้างคุณเพียงแค่เพิ่มแฮ็คนี้

เช่น

.align {
    float:left;
    margin:5px;
    background-color:blue;
    width:65px;
    width:\9 !important;
}

— ซาดชาห์
แหล่งที่มา

2

CSS Hack สำหรับ IE9

/* Hack CSS IE9 */
.csshackie9 {color:#f00\9\0\;}

— GORDI
แหล่งที่มา

7

คุณควรโพสต์ข้อมูลเพิ่มเติมเกี่ยวกับสิ่งที่แฮ็คนี้เกี่ยวข้องแทนที่จะเชื่อมโยงภายนอกหากบล็อกนั้นหายไปมูลค่าของคำตอบของคุณจะลดลง นอกจากนี้ทุกคนไม่พูดภาษารัสเซีย

— Marcin Orlowski

1

มันจะดีกว่าที่จะให้ข้อมูลที่จำเป็นในภาษาอังกฤษเพราะลิงค์ที่คุณโพสต์คือบล็อกของรัสเซีย

— Artemix

โอพีคุณควรบอกตัวเองและออกไปนั่งบนขั้นตอนที่ซุกซน

— slugmandrew