做网页发现div竟然不会自动适应高度,奇怪了,仔细看了看代码,发现还是基础不扎实,最后清空下浮动就正常了。

示例代码:

    <!DOCTYPE html> 
<html>
<head> <meta[......]

阅读全文

以下CSS样式实现了各浏览器的标签禁止选中功能。

moz-user-select: -moz-none;
-moz-user-select: none;
-o-user-select:none;-khtml-user-select:none;-webkit-user-se[......]

阅读全文

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

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

阅读全文

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

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

阅读全文

这个主要是考虑到兼容性的问题,低级默认的兼容性模式让网页的一些布局有了问题,所以考虑是否可以默认通过写入一个标签什么的试的搜狗浏览器默认开启高速模式访问该网页。经过查找,方法如下:
head中加入如下代码即可。

<meta http-equiv="X-[......]

阅读全文

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

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

阅读全文