ie7,8相容大全,不定期更新中

2021-09-22 01:44:07 字數 2142 閱讀 6995

啦啦啦,都是我工作中遇到的問題,所以把解決方法整理一下,都是網上搜的,嘻嘻嘻。

1.輪播:swiper2支援ie7,8的輪播外掛程式,你的不二選擇!

ps:當有左右控制按鈕,一頁展示多個slider時,向左滑動會出現上乙個滑塊空白的情況

ps:滾動slider要大於等於4個,我試了3個不生效

解決方法,新增centeredslides和loopadditionalslides兩個屬性

loopadditionalslides的值不能大於slider的總個數

示例**:

centeredslides: true,

loopadditionalslides: 1,

slidesperview: 3,

loop: true,

watchactiveindex: true

2.background-size屬性:

注意:濾鏡和background-image路徑要是絕對路徑,而且要相同。

**示例:

3.rgba顏色:

參考:透明度與值的參照

0.1===19;0.2===33;0.3===4c;0.4===66;0.5===7f;

0.6===99;0.7===b2;0.8===c8;0.9===e5;

前兩位為透明度,後四位為色值;

**示例:

background: rgba(255,255,255,0.1);

filter:progid:dximagetransform.microsoft.gradient(startcolorstr=#19ffffff,endcolorstr=#19ffffff);

4.box-sizing(在ie7不支援):

解決方法:減少相應得寬度或者高度。

**示例:

padding: 0 12px;

min-width: 160px;

*ming-width: 136px;

5.float屬性(在ie7顯示異常)

情景再現:在ie7下50%的兩個float:left,不在一行顯示,分兩行顯示了。

歷史原因:ie 3px bug。

解決方法1:給後乙個元素加上margin-left:-3px即可。

解決方法2:使用相對定位和絕對定位。

6.box-shadow屬性(在ie7,8不支援):

引數解釋:

陰影方向0-360順時針對應不同角度的投影,不能做四周都有的投影哦

ie濾鏡

filter:progid:dximagetransform.microsoft.shadow(color='#969696'/*顏色數值*/,direction=135/*陰影角度*/,strength=5/*陰影半徑*/);

**示例:

filter:progid:dximagetransform.microsoft.shadow(color='#969696',direction=135,strength=5);
7.opacity屬性:

解決方法: ie濾鏡    

引數解釋:

0-100的數值對應0到1的透明度

**示例:

filter: alpha(opacity=100);
.imglr

.imglr i

.imglr img

git使用錯誤大全(不定期更新)

現象 git操作的過程中突然顯示another git process semms to be running in this repository,e.g.an editor opened by git commit please make sure all processes are termi...

mysql命令整理0919 不定期更新中

1 新建資料庫 create database database name 查詢資料庫 show databases 切換資料庫 use database name 刪除資料庫 drop database database name 檢視建立好的資料庫定義 show create database ...

STL函式中的小細節(不定期更新)

隨便記記了。不定期更新 reverse函式反轉的範圍是 first,last 所以包括first指向的元素,不包括last指向的元素。而a.end a為string 指向a最後乙個字元的後一位。全排列 next permutation 函式功能是輸出所有比當前排列大的排列,順序是從小到大。而prev...