ie百分比的圓

tuniutech 發(fā)布于2019-08-29 12:37 / 1999人閱讀

摘要：這個的思路，我一開始以為用畫個圓加上超出隱藏，就寬度和一樣，高度就是獲取百分比的高度的值，但是我的圓兼容是用了這個文件去兼容的。

其實一開始我是做成這樣的，直接先用ul定義一個灰色的園，然后用jq獲取里面的百分比的值，把值*3.6取整，然后循環(huán)一遍每一個值畫一條旋轉(zhuǎn)的直線。

但是這個ie上會讓瀏覽器變得比較卡而已也不兼容。
然后我就把ie的樣式改成

而除ie以外的瀏覽器還是沒變。
這個的思路，我一開始以為用ul畫個圓加上超出隱藏，li就寬度和ul一樣，高度就是獲取百分比*ul的高度的值，但是我IE的圓兼容是用了ie-css.htc這個文件去兼容的。雖然在ie上ul顯示是一個圓，但是ul其實實際上還是一個矩形，所以超出隱藏就得li也所會顯示為一個矩形，并不能像我想象那樣li變成上圖那樣。
然后我就想能不能以li獲取的值來做顯示隱藏，而在里面加個span來顯示圓。

云服務(wù)器 GPU云服務(wù)器百分比百分比布局 html百分比 jQuery百分比

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/112022.html

相關(guān)文章

ie百分比的圓

摘要：這個的思路，我一開始以為用畫個圓加上超出隱藏，就寬度和一樣，高度就是獲取百分比的高度的值，但是我的圓兼容是用了這個文件去兼容的。 showImg(https://segmentfault.com/img/bVN32A?w=296&h=116);其實一開始我是做成這樣的，直接先用ul定義一個灰色的園，然后用jq獲取里面的百分比的值，把值*3.6取整，然后循環(huán)一遍每一個值畫一條旋轉(zhuǎn)的直線。...

zhiwei 2019-08-01 16:53 評論0 收藏0
CSS單位【記錄】

摘要：長度角度時間分辨率顏色函數(shù)生成內(nèi)容圖像數(shù)字長度數(shù)字和單位之間沒有空格，之后的長度單位是可選的相對長度單位相對于字體大小相對于小寫字母的高度，對于很多字體，相對于數(shù)字的寬度相對于根元素字體大小相對于視口的寬度，視口寬度的相對于視口的高度，視? 1、長度 2、角度 3、時間 4、分辨率 5、顏色 6、函數(shù) 7、生成內(nèi)容 8、圖像 9、數(shù)字 ? 1、長度：數(shù)字和單位之間沒有空格，0之后的長度單位...

lushan 2019-04-23 11:55 評論0 收藏0
CSS border屬性--妙用

摘要：在下實現(xiàn)圓角效果由于兼容性特別差，所以要在低版本瀏覽器下實現(xiàn)圓周角效果特別難利用的效果可實現(xiàn)如下圖所示的圓效果代碼簡單如下制作三杠效果其實就是利用特性變色我們在做如下圖標(biāo)時，一般情況下時會有三處變色但是利用繼承自這一特性在ie下實現(xiàn)圓角效果（由于border-radius兼容性特別差，所以要在ie低版本瀏覽器下實現(xiàn)圓周角效果特別難）利用border-style的dotted效果可實...

heartFollower 2019-08-29 12:54 評論0 收藏0
CSS3 border-radius 圓角

摘要：但是深入一下，還是很有講究的。問題，寬高皆為，，這個是怎么工作的換成，，甚至?xí)惺裁捶磻?yīng)答等于一個的正方形，然后用半徑為的圓來過渡邊角，如果要在大腦中有動態(tài)的效果的話，不妨如下圖來理解，更加方便。圓角border-radius，其css如下 IE9+支持（就是ie6,ie7,ie8都不支持），默認(rèn)值是0，不繼承，可以像下面那樣設(shè)置4個角的值，也可以單獨設(shè)置，如 border-top-left...

geekzhou 2019-04-23 11:57 評論0 收藏0
CSS通用數(shù)據(jù)類型

摘要：相反的，通用數(shù)據(jù)類型并不和任何特定的屬性相關(guān)聯(lián)。本文，我將整體講述一下所有的通用數(shù)據(jù)類型。這樣以來就能夠避免和字符串?dāng)?shù)據(jù)類型混淆。距離距離數(shù)據(jù)類型表示距離的單位，有兩種長度單位。漸變函數(shù)使用數(shù)據(jù)類型來定義。 CSS中屬性的值有著許多種格式。為了讓用戶代理（即瀏覽器）能夠識別一個值是否有效，則需要確認(rèn)該值是否符合該類值支持的格式的其中一種。這些屬性值所支持的格式叫做數(shù)據(jù)類型，在規(guī)范中用的...

Elle 2019-08-02 16:15 評論0 收藏0