Question

这里是fiddle

在设置标题的#text-banner中，不会执行rotate转换。我注意到当我将样式设置为position:absolute;时它确实有效。但是，我无法使用它，因为它必须是relative，因为它包含在#white_logo中。此外，这似乎打破了标题文本的边界。

Answer 1

display: inline block应为display: inline-block。内联和块之间有-而不是空格。小提琴：http://jsfiddle.net/NWYeU/1/

Answer 2

你做错了。将您的代码从inline block更改为inline-block。

 #text_banner {
     border-top-style:solid;
     padding-top:5px;
     border-bottom-style:solid;
     padding-bottom:5px;
     top:45%;
     left:30%;
     color: gray;
     opacity:1;
     font-size:40px;
     transform: rotate(30deg);
     -ms-transform: rotate(30deg);
     /* IE 9 */
     -webkit-transform: rotate(30deg);
     /* Safari and Chrome */
     display:inline-block;
     /* Change here */
     position:relative;
 }

CSS：我的“显示：内联块”拒绝转换？

2 个答案:

小提琴：http://jsfiddle.net/C3TfT/