html - IE Vertical Text Issue -
i have feedback tab thats fixed right side of browser , rotated 90 degrees. tab looks fine in firefox , chrome in ie box rotates not text. simple button , have simple solution i'm missing.
#feedback{ color:#fff; position:fixed; bottom:200px; right:-56px; width:140px; height:35px; line-height:40px; background:#727948; text-align:center; font-size:18px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; -webkit-box-shadow: 0 8px 6px -6px black; -moz-box-shadow: 0 8px 6px -6px black; box-shadow: 0 8px 6px -6px black; opacity:0.8; -webkit-transform: rotate(90deg);/* safari , chrome */ -moz-transform: rotate(90deg); /* firefox */ -ms-transform: rotate(90deg); /* ie9 */ -o-transform: rotate(90deg); /* opera */ filter: progid:dximagetransform.microsoft.basicimage(rotation=2); /* ie8 */ writing-mode:tb-rl; /* ie8 */ } #feedback:hover{ opacity:1; }
writing-mode:tb-rl
deprecated, should use writing-mode:vertical-rl
instead.
Comments
Post a Comment