CSS 3.0 rotate (90deg) nie jest prawidłową wartością dla właściwości 'transform' - html, css, visual-studio-2010, css3, rotation

Próbuję uzyskać tekst wyświetlany pionowo na moim elemencie listy. Kilka stron internetowych, takich jak http://www.css3maker.com/text-rotation.html# poleciłem mi użyć następujących: -ms-transform: rotate (90deg); / * IE 9 / -webkit-transform: rotate (90deg); / Chrome, Safari, Opera * / transform: rotate (90deg);

Umieściłem to w moim pliku css, ale visual studio 2010 zawiera ostrzeżenia:

1. Walidacja (CSS 3.0): „rotate (90deg)” nie jest poprawną wartością dla Właściwość „-webkit-transform”.
2. Walidacja (CSS 3.0): „rotate (90deg)” nie jest poprawną wartością właściwości „transform”

Dlaczego otrzymuję to ostrzeżenie? Jeśli go zignoruję, to nie działa, nie otrzymuję ostrzeżenia o transformacji -ms, ale i tak nie działa w IE.

Oto mój kod: CSS:

li.menu_label > span
{
-ms-transform: rotate(90deg); /* IE 9 */
-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
transform: rotate(90deg);
}

HTML:

<ul id="nav">
<li>
<label class="menu_label" for="c1"> <span>Menu</span></label>
<input type="checkbox" id="c1" />
</li>
</ul>

Okazuje się, że to działało niezależnie od ostrzeżeń, a nie w Google Chrome. Potrzebny do dodania „display: inline-block” Transformacja CSS3 nie działa

Odpowiedzi:

Myślę, że problem polega na tym, że używasz Visual Studio 2010 aby zweryfikować kod CSS. Pamiętaj, że VS2010 został uruchomiony prawdopodobnie do końca 2009 roku, a właściwość rotate () została dodana do IE9, wydany 2 lata później. Dlatego VS2010 nie jest świadomy istnienia tej nieruchomości.

Moją sugestią jest albo zapomnienie o walidacji CSS za pomocą VS2010, albo uaktualnienie do najnowszej możliwej wersji VS.