サイト
https://sirinova.com/test2.html
参考画像
商品名の前の⑥の高さがIE11で高さ中央に表示されません。Chromeとfirefosxは問題ありませんでした。HTMLを弄らずにCSSのみで改善策がありましたらご教授お願いいたします。
<table class="rnk2item"> <tbody> <tr> <th class="ttitle" colspan="2"><span class="tbl_rnk" name="rank_6">6位</span><a href="https://example.com/" target="_blank">商品名</a></th> </tr> <tr> <td class="timg"><img src="<% pageDepth %>img/sample.jpg" /></td> <td class="tdesc"></td> </tr> <tr> <td colspan="2"> </td> </tr> </tbody> </table>
.tbl_rnk { position: absolute; font-family: Lato; font-size: 22px; line-height: 31.5px; text-align: center; position: absolute; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 3px; width: 44px; height: 44px; border-radius: 50%; border: 6px solid rgba(0,0,0,.2); color: rgba(0,0,0,.3); background-color: #d5d5d5; box-shadow: 0px 0px 0px 3px #d5d5d5; }
回答3件
あなたの回答
tips
プレビュー