作者:苏小宝 | 来源:互联网 | 2023-05-20 10:12
我的问题只出现在Opera(较新的Blink版本,仅在v27中测试过)和Mac OSX上.现在我知道这个浏览器的使用百分比几乎不存在,但我们在公司内部使用它,这是一个内部软件.
当我旋转时.company-info div
,一切正常,除了文字消失.它实际上在那里,我可以选择并复制它,它只是没有显示.
适用于其他浏览器,Chrome,FF,甚至Opera 27(Win).
你们有什么想法或者这只是一个Opera的错误吗?
(它适用于任何字体,因此它不是已知的字体问题)
我有以下代码:
HTML
nJoy
Lead Product Designer
SCSS
.company-info {
@include rotate(-90deg);
@include transform-origin(top right);
background-color: $gray-dark;
color: #ffffff;
padding: 10px;
position: absolute;
height: 60px;
right: 60px;
top: 0;
width: 225px;
.company-logo {
@include rotate(90deg);
border-radius: 100%;
float: left;
height: 40px;
margin-right: 10px;
width: 40px;
}
.company-name {
display: block;
font-size: 13px;
font-weight: 700;
}
.contact-job-title {
display: block;
font-size: 12px;
}
}
Aminoser..
5
在Opera 27中使用translateZ(0)进行文本旋转.
1> Aminoser..:
在Opera 27中使用translateZ(0)进行文本旋转.