小编Jac*_*ock的帖子

仅限CSS的IE7,IE8,IE9和IE10中的垂直文本

有没有人知道如何用CSS只在IE7,IE8,IE9和IE10中成功实现垂直文本?(通过垂直文本,我指的是文本逆时针旋转90度)

这是我今天实施的,我认为应该是正确的:

.counterclockwise-text {

/* Chrome/Safari */
-webkit-transform: rotate(-90deg);
-webkit-transform-origin: 50% 50%;

/* Firefox */
-moz-transform: rotate(-90deg);
-moz-transform-origin: 50% 50%;

/* IE9 */
-ms-transform: rotate(-90deg);
-ms-transform-origin: 50% 50%;

/* This should work for IE10 and other modern browsers that do not need vendor prefixes */
transform: rotate(-90deg);
transform-origin: 50% 50%;

/* IE8 or less - using the "\9" CSS hack so that other browsers will ignore these lines */
zoom: 1\9;
writing-mode: tb-rl\9;
filter: flipv fliph;

}
Run Code Online (Sandbox Code Playgroud)

但是,IE10并没有忽略"\ 9"CSS黑客攻击 - …

css vertical-text internet-explorer-10

11
推荐指数
2
解决办法
2万
查看次数

标签 统计

css ×1

internet-explorer-10 ×1

vertical-text ×1