
日常总结--css
qq_42566295
养成记录的好习惯
展开
-
前端使用外部字体(ttf文件或iconfont)
前端使用外部字体(ttf文件或iconfont)原创 2022-07-19 11:25:13 · 3405 阅读 · 0 评论 -
placeholder样式的兼容问题
对于input的placeholder,很多时候的设计图会要求我们更改字体颜色,大小,这里就需要处理兼容问题:input:-webkit-input-placeholder{ color: red; font-size: 16px;}input::-webkit-input-placeholder{ color: red; font-size: 16px;}input:-...原创 2018-06-28 16:50:45 · 884 阅读 · 0 评论 -
关于box-shadow的ie兼容问题(ie6、7、8)
有两种方法:(1)使用滤镜: filter:progid:DxImageTransform.Microsoft.Shadow(color=’rgba(,0,0,0,1)’,Direction=135,stregth=5); Background:#color;(注:必须有background)(2)behavior:url(ie-css3.htc);引入ie-css.h...原创 2018-07-13 15:29:29 · 1012 阅读 · 0 评论 -
CSS calc 兼容写法
width: 98%;/*写给不支持calc()的浏览器*/width:-moz-calc(100% - 80px);width:-webkit-calc(100% - 80px);width: calc(100% - 80px);原创 2018-09-13 15:47:08 · 2766 阅读 · 0 评论 -
css兼容性hack写法
原文地址:http://www.wufangbo.com/css-hack/Hack是针对不同的浏览器去写不同的CSS样式,从而让各浏览器能达到一致的渲染效果,那么针对不同的浏览器写不同的CSS CODE的过程,就叫CSS HACK,同时也叫写CSS Hack。然后将Hack放在浏览器特定的CSS文件中,让其符合条件的浏览器解析这些代码,就如前面所说的条件样式,我们将CSS Hack代码放入条...转载 2018-10-15 18:31:57 · 205 阅读 · 0 评论