鍍金池/ 問答/HTML5  HTML/ 用fullpage插件寫了豎屏輪播圖，在ie瀏覽器下小圓點不兼容，怎樣去兼容？

用fullpage插件寫了豎屏輪播圖，在ie瀏覽器下小圓點不兼容，怎樣去兼容？

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>fullPage.js — 項目導(dǎo)航演示_dowebok</title>
<link rel="stylesheet" href="css/jquery.fullPage.css">
<style>
.section { text-align: center; font: 50px "Microsoft Yahei"; color: #fff;}
</style>
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/jquery.fullPage.min.js"></script>
<script>
$(function(){

$('#dowebok').fullpage({
    sectionsColor: ['#1bbc9b', '#4BBFC3', '#7BAABE', '#f90'],
    'navigation': true,
});

});
</script>
</head>

<body>

<div id="dowebok">

<div class="section">
    <h3>第一屏</h3>
    <p>fullPage.js — 項目導(dǎo)航演示</p>
</div>
<div class="section">
    <h3>第二屏</h3>
    <p>請查看右邊的圓圈</p>
</div>
<div class="section">
    <h3>第三屏</h3>
    <p>圓圈還可以設(shè)置位置，顏色，加上 tip，點擊可以控制</p>
</div>
<div class="section">
    <h3>第四屏</h3>
    <p>這是最后一屏</p>
</div>

</div>

dowebok
jQuery全屏滾動插件fullPage.js

</body>
</html>

回答
編輯回答
尤禮

小圓點應(yīng)該是用border-radius實現(xiàn)的，而舊版本的ie是不支持border-radius的，用圖片吧

2017年1月26日 19:22