Properti lebar CSS \ 9

209

Apa artinya ini? Saya menduga ini adalah peretasan peramban, tetapi saya belum dapat menemukan apa tepatnya yang dilakukannya.

width: 500px\9;

Apa pentingnya \9?

css width css-hack

— yah sebenarnya
sumber

dalam file css .. mengatur lebar beberapa elemen.

— sebenarnya

bukan duplikat persis, tetapi pertanyaan ini menjawab Anda: stackoverflow.com/questions/701732/size-in-css-with-slash

— Raptor

tampaknya tidak valid dalam versi CSS mana pun, sejauh yang saya bisa lihat ...

— Marc B

Saya kira pertanyaan ini tidak mengacu pada hal yang sama.

— sebenarnya

6

@ Shivan Raptor: Tidak, tidak. Itu pertanyaan yang sama sekali berbeda.

— BoltClock

290

\9 adalah "CSS hack" khusus untuk Internet Explorer 7, 8, & 9.

Ini berarti bahwa satu baris khusus CSS yang berakhiran dengan \9;di tempat ;hanya valid di IE 7, 8, & 9.

Dalam contoh Anda,

width: 500px\9;berarti lebar 500 piksel (hasil yang sama dengan width: 500px;) hanya akan diterapkan saat menggunakan IE 7, 8, & 9.

Semua browser lain akan mengabaikan width: 500px\9;sepenuhnya, dan karenanya tidak berlaku width: 500px;untuk elemen sama sekali.

Jika CSS Anda terlihat seperti ini ...

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

Hasilnya akan menjadi #myElement500 piksel lebar di IE 7, 8, & 9, sementara di semua browser lain, #myElementakan menjadi 300 piksel lebar.

Info lebih lanjut

EDIT:

Jawaban ini ditulis pada tahun 2011. Perlu dicatat bahwa hack ini juga berfungsi di IE 10.

— Sparky
sumber

1

@ jdavid.net, jika tidak merusak CSS Anda, sama sekali tidak, AFAIK.

— Sparky

10

\0bukannya \9akan menerapkannya pada IE10 juga

— abc123

21

@ abc123 semoga saja mereka tidak pernah mendapatkan IE ke versi 16.

— Hoffmann

4

Dalam pengalaman saya sekarang, \9juga berlaku untuk IE 10 dengan widthproperti, setidaknya dalam mode emulasi IE. Mode emulasi buggy di saat terbaik, jadi mungkin itu sebabnya.

— davidjb

1

@davidjb, itu karena itu bukan emulator. Itu dirancang sebagai fallback untuk kode yang lebih lama.

— Sparky

13

Ini adalah css hack untuk IE9 & versi di bawah ini

tulis seperti ini:

width: 500px\9;

Baca artikel ini http://dimox.net/personal-css-hacks-for-ie6-ie7-ie8/

— sandeep
sumber

4

Terima kasih atas tautannya, tetapi artikelnya tidak menjelaskan APA yang dilakukannya.

— sebenarnya

1

Kami menggunakan peretasan untuk IE untuk dua hal. 1) ada beberapa properti yang tidak didukung oleh IE seperti tampilan: inline-block & 2) Setiap browser membuat beberapa properti HTML & css berbeda. periksa artikel ini blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block

— sandeep

Periksa tautan juga coding.smashingmagazine.com/2010/06/07/...

— sandeep

IE tidak mendukung tampilan: inline-block ;, contoh yang buruk.

— reisio

Namun, sepertinya ini bukan hack yang berguna untuk properti 'width'. Setidaknya tidak di luar mode kebiasaan.

— reisio

2

Di IE9 untuk mengatur properti lebar Anda cukup menambahkan hack ini.

misalnya

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

— Asad Shah
sumber

2

Hack CSS untuk IE9

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

— tuan
sumber

7

Anda harus memposting informasi lebih lanjut tentang peretasan ini alih-alih menghubungkan di luar - jika blog itu hilang, maka nilai jawaban Anda akan berkurang. Selain itu, tidak semua orang berbicara bahasa Rusia.

— Marcin Orlowski

1

Akan lebih baik untuk memberikan beberapa informasi penting dalam bahasa Inggris, karena tautan yang telah Anda posting adalah ke blog Rusia.

— Artemix

OP, Anda harus mengatakan pada diri sendiri dan pergi dan duduk di langkah nakal.

— slugmandrew