博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ie百分比的圆
阅读量:6257 次
发布时间:2019-06-22

本文共 402 字,大约阅读时间需要 1 分钟。

图片描述

其实一开始我是做成这样的,直接先用ul定义一个灰色的园,然后用jq获取里面的百分比的值,把值*3.6取整,然后循环一遍每一个值画一条旋转的直线。

            

但是这个ie上会让浏览器变得比较卡而已也不兼容。

然后我就把ie的样式改成
图片描述

而除ie以外的浏览器还是没变。

这个的思路,我一开始以为用ul画个圆加上超出隐藏,li就宽度和ul一样,高度就是获取百分比*ul的高度的值,但是我IE的圆兼容是用了ie-css.htc这个文件去兼容的。虽然在ie上ul显示是一个圆,但是ul其实实际上还是一个矩形,所以超出隐藏就得li也所会显示为一个矩形,并不能像我想象那样li变成上图那样。
然后我就想能不能以li获取的值来做显示隐藏,而在里面加个span来显示圆。

            

转载地址:http://ilxsa.baihongyu.com/

你可能感兴趣的文章
Maven POM入门
查看>>
codeforces 6A. Triangle
查看>>
仿CSDN Blog返回页面顶部功能
查看>>
【HTML5游戏开发小技巧】RPG情形对话中,令文本逐琢夸出
查看>>
ORA-04031:
查看>>
早晚有一天,我们都会成为自己当初讨厌的人
查看>>
基于SMTP协议的CMD命令邮件发送
查看>>
九度笔记之 1209最小邮票数
查看>>
Java中swap解惑
查看>>
HDU 2068 RPG的错排
查看>>
操作数有自增操作时复合表达式的陷阱
查看>>
从WW中剥离一个三维场景框架
查看>>
ASP.NET网页动态添加、更新或删除数据行
查看>>
vbs获取当前主机IP
查看>>
IIS7中的站点、应用程序和虚拟目录详细介绍
查看>>
为何C语言(的函数调用)需要堆栈,而汇编语言却不需要堆栈
查看>>
对Map按key和value分别排序
查看>>
知名第三方编译版tete009 Firefox 24.0
查看>>
java反射生成ORM
查看>>
堆和栈的区别
查看>>