[英]CSS Position: Absolute not displayed correctly on IE11
我有一個使用絕對位置的 html 和 css 代碼。 它在 chrome 和 firefore 上運行良好。 但是好像svg類中的位置絕對屬性在IE中不起作用,使得svg圖像不在邊框中。
我的html:
<div class="slider">
<i class='left-arrow'><svg viewBox='0 0 100 100'><path d='M 10,50 L 60,100 L 70,90 L 30,50 L 70,10 L 60,0 Z'/></svg></i>
<i class='right-arrow'><svg viewBox='0 0 100 100'><path d='M 10,50 L 60,100 L 70,90 L 30,50 L 70,10 L 60,0 Z' transform='translate(100, 100) rotate(180) '/></svg></i>
</div>
我的CSS:
.slider i {position:absolute;top:40%;width:50px;height:50px;cursor:pointer;z-index: 4;margin:0;border:2px solid #fff;border-radius:100%;}
.slider > i:hover {background:#333133;border-color:#333133;transition: all .3s;}
.slider > i svg {position:absolute;fill:#fff;padding:20%;}
有沒有辦法解決這個問題,請幫助我。 謝謝大家。
https://developer.mozilla.org/en-US/docs/Web/HTTP/Browser_detection_using_the_user_agent
只需檢測瀏覽器是否為 IE11 並更改 IE11 的設計
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.