既然是实现圆形图片,原始图片肯定不是圆形的喽,一般来说是正方形的,如何用CSS实现突破圆形呢?经过查找,找到了方法如下: 原始图片: 正方形的原始图片 圆形图片的代码:

<div style="width:120px; height:120px; border-r[......]

阅读全文

解决Safari中input等输入框聚焦时系统自动添加蓝色框的功能的时候,原以为是box-shadow引起的问题,后来发现是outline属性导致的,时候也记录一下box-shadow。基础不够扎实啊~

浏览器支持
IE9+、Firefox 4、Chrome、Ope[……]

阅读全文

做前端的时候发现,自己的文本框在Safari浏览器上focus的时候,不会执行默认的focus的颜色,而是自动绘制上了蓝色发光的阴影。这个测试半天,最后对比其他网站的css,发现原来是自己学艺不精,少写了一个css属性导致的问题。

具体去除办法如下:
在对应的inp[……]

阅读全文