Width özelliğinde CSS \ 9

209

Bunun anlamı ne? Bir tarayıcı hack olduğunu tahmin ediyorum, ama tam olarak ne yaptığını bulamadım.

width: 500px\9;

Önemi nedir \9?

css width css-hack

— aslında
kaynak

bir css dosyasında .. bazı öğelerin genişliğini ayarlama.

— aslında

tam olarak kopya değil, ancak bu soru size cevap veriyor: stackoverflow.com/questions/701732/size-in-css-with-slash

— Raptor

görebildiğim kadarıyla herhangi bir CSS sürümünde geçerli görünmüyor ...

— Marc B

Bu sorunun aynı şeyi ifade ettiğini sanmıyorum.

— aslında

6

@Shivan Raptor: Hayır, değil. Bu tamamen farklı bir soru.

— BoltClock

290

\9 Internet Explorer 7, 8 ve 9'a özgü bir "CSS hack'idir".

Bu basitçe \9;, yerine ile biten belirli bir CSS satırının ;sadece IE 7, 8 ve 9'da geçerli olduğu anlamına gelir .

Örneğinizde,

width: 500px\9;500 piksellik bir genişliğin (ile aynı sonuç width: 500px;) yalnızca IE 7, 8 ve 9 kullanılırken uygulanacağı anlamına gelir .

Diğer tüm tarayıcılar width: 500px\9;tamamen yok sayar ve bu nedenle width: 500px;öğeye hiç uygulanmaz .

CSS'niz böyle görünüyorsa ...

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

Sonuç #myElementIE 7, 8 ve 9'da 500 piksel genişliğinde, diğer tüm tarayıcılarda ise #myElement300 piksel genişliğinde olurdu.

Daha fazla bilgi

DÜZENLE:

Bu cevap 2011 yılında yazılmıştır. Şimdi bu hack IE 10 da çalışır.

— Sparky
kaynak

1

@ jdavid.net, eğer CSS'nizi kırmazsa, kesinlikle hiçbir şey AFAIK.

— Sparky

10

\0Bunun yerine \9IE10'a da uygulanacak

— abc123

21

@ abc123 asla IE 16 sürümüne almak umuyoruz.

— Hoffmann

4

Deneyimlerime göre , en azından IE'nin öykünme modunda \9bir widthözellik ile IE 10'a da başvuruyordum . Öykünme modu en iyi ihtimalle buggy, bu yüzden belki de bu yüzden.

— davidjb

1

@davidjb, çünkü bu gerçekten bir emülatör değil. Eski kod için bir yedek olarak tasarlanmıştır.

— Sparky

13

IE9 ve altı sürümü için bir css hack

şöyle yaz:

width: 500px\9;

Bu makaleyi okuyun http://dimox.net/personal-css-hacks-for-ie6-ie7-ie8/

— sandeep
kaynak

4

Bağlantı için teşekkürler, ancak makale ne yaptığını açıklamıyor.

— aslında

1

IE için hack'i iki şey için kullanıyoruz. 1) ekran gibi IE tarafından desteklenmeyen bazı özellikler vardır: inline-block & 2) Her tarayıcı bazı HTML ve css özelliklerini farklı şekilde işler. bu makaleye göz atın blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block

— sandeep

Bağlantıyı da kontrol edin coding.smashingmagazine.com/2010/06/07/…

— sandeep

IE display: inline-block ;, kötü örnek destekliyor.

— reisio

Bununla birlikte, 'width' özelliği için özellikle yararlı bir kesmek gibi görünmüyor. En azından tuhaflık modunun dışında değil.

— reisio

2

IE9'da width özelliğini ayarlamak için bu hack'i eklemeniz yeterlidir.

Örneğin

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

— Esed Şah
kaynak

2

IE9 için CSS Hack

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

— Gordi
kaynak

7

dışarıda bağlantı yapmak yerine bu hack nedir hakkında daha fazla bilgi yayınlamanız gerekir. Ayrıca, herkes Rusça konuşmuyor.

— Marcin Orlowski

1

Yayınladığınız bağlantı rus bloguna olduğu için İngilizce bazı temel bilgiler sağlamak daha iyi olacaktır.

— Artemix

OP, kendini anlatmalısın ve git ve yaramaz adımda oturmalısın.

— slugmandrew