Bagaimana untuk Mencapai Teks Menegak Merentas Pelayar dengan CSS?

Teks Menegak Silang Penyemak Imbas menggunakan CSS

Pertanyaan: Bagaimanakah teks boleh diputar secara menegak kepada sudut 90 darjah, memastikan keserasian merentas pelbagai penyemak imbas (IE6 , Firefox 2 , Chrome, Safari, Opera)?

Penyelesaian:

Kemajuan terkini termasuk ciri -webkit-transform, -moz-transform dan transform CSS3. Sintaksnya ialah:

transform: rotate(-90deg);
transform-origin: 50% 50%;

Untuk penyemak imbas lama, penapis IE legasi boleh digunakan melalui:

filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

Selain itu, untuk Firefox 3.5 atau lebih baharu dan WebKit/Safari 3.1 atau lebih baharu, sifat -moz-transform dan -webkit-transform boleh digunakan:

-moz-transform: rotate(270deg); /* Use 270 degrees for negative angle */
-moz-transform-origin: 50% 50%;

-webkit-transform: rotate(270deg); /* Use 270 degrees for negative angle */
-webkit-transform-origin: 50% 50%;

Atas ialah kandungan terperinci Bagaimana untuk Mencapai Teks Menegak Merentas Pelayar dengan CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!