水位波紋動畫相容ie8

效果**請到下方：

下面介紹方法：

首先，需要兩張，一張是長條波浪圖，一張是外方內圓的空心，都需要是png格式

然後就是波浪圖從右向左無縫滾動，具體**如下

<

p id
="question"
>
<
img    
class
="bottom_img"
id="yellow_water"
src="images/icon_water_yellow.png"
/>
<
img 
class
="top_img"
src="images/icon_yellowcircle.png"
/>
<
span 
id="question_num"
>
span
>
p>

//

迴圈滾動
//初始化乙個變數來裝定時器
var timer = null
;var num = 0;
function
goleft() 
num -= 1;
$(".bottom_img").css()}//
設定滾動速度
var timer = setinterval(goleft, 20);

.home_container>.row>div.left_section #question .top_img,

.home_container>.row>div.left_section #task .top_img .home_container>.row>div.left_section #question .bottom_img,
.home_container>.row>div.left_section #task .bottom_img 

處理ie8相容

1.ie8換成edge模式渲染 x ua compatible content ie edge 2.x ua compatible是針對ie8新加的乙個設定，對於ie8之外的瀏覽器是不識別的，這個區別與content ie 7 在無論頁面是否包含指令，都像是使用了 windows internet ...

IE8下相容background size方法

background size length percentage cover contain ie9 firefox 4 opera chrome 以及 safari 5 支援 background size 屬性。css3 新增的 background size 是乙個很有用的屬性，用於定義背景...

列印預覽 相容ie8

引入jquery.print.js 和jq print myelementid 直接列印 myelementid print 將需要列印的元素去掉滾動條，不然隱藏的元素不會列印。或者更改印表機的紙張大小 如果使用字型圖示之類的，多選框的對勾。未選中的顏色要設為transparent，不能是其他顏色，...