在ie8上解决圆角问题
在网页上需要用到圆角 用的是css3写的 可是需要兼容ie8 之前有用pie.htc解决 先是的是圆角可是背景色只能是黑色的 还不能更改 请问还有其他的解决办法吗？
写回答
-
IT从业你试一下看看可不可以 用字体图标- font Awesome， 有个圆形字体可选择， 改变font-size改变圆大小
或者Effects Using Nested Cornered Elements (Thanks to Kevin Scholl for this idea)
Round
$(this).corner("round 8px").parent().css('padding', '4px').corner("round 10px")
Round
$(this).corner("round 8px").parent().css('padding', '8px').corner("round 14px")
Round
$(this).corner("round 14px").parent().css('padding', '15px').corner("round 14px")
Bevel
$(this).corner("bevel 8px").parent().css('padding', '5px').corner("bevel 10px")
Bevel
$(this).corner("bevel 8px").parent().css('padding', '10px').corner("bevel 14px")
Bite
$(this).corner("bite 10px").parent().css('padding', '8px').corner("bite 10px")
Bite
$(this).corner("bite 20px").parent().css('padding', '15px').corner("bite 20px")
Fray
$(this).corner("fray 10px").parent().css('padding', '10px').corner("fray 10px")
Tear
$(this).corner("tear 20px").parent().css('padding', '15px').corner("tear 20px")
Notch
$(this).corner("notch 4px").parent().css('padding', '4px').corner("notch 4px")
Notch
$(this).corner("notch 10px").parent().css('padding', '12px').corner("notch 10px")
Sharp
$(this).corner("sharp 10px").parent().css('padding', '8px').corner("sharp 10px")
Cool
$(this).corner("cool 20px").parent().css('padding', '10px').corner("cool 10px")
Bite/Round
$(this).corner("round 20px").parent().css('padding', '8px').corner("bite 10px")
Round/Bite
$(this).corner("bite 15px").parent().css('padding', '8px').corner("round 10px")
Fray/Tear
$(this).corner("tear 20px").parent().css('padding', '8px').corner("fray 10px")
Jut/Sculpt
$(this).corner("sculpt 20px").parent().css('padding', '8px').corner("jut 10px")
Bevel/Notch
$(this).corner("notch 20px").parent().css('padding', '8px').corner("bevel 15px")
Notch/Bite
$(this).corner("bite 15px").parent().css('padding', '10px').corner("notch 10px")
Bite/Notch
$(this).corner("notch 15px").parent().css('padding', '15px').corner("bite 20px")
Curl/Long
$(this).corner("long 15px").parent().css('padding', '15px').corner("curl 15px")
2019-07-17 19:33:58赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
