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; } 

https://jsfiddle.net/nhf5m4y1/

writing-mode:tb-rl deprecated, should use writing-mode:vertical-rl instead.


Comments

Popular posts from this blog

PHP DOM loadHTML() method unusual warning -

python - How to create jsonb index using GIN on SQLAlchemy? -

c# - TransactionScope not rolling back although no complete() is called -