css使用细节&浏览器兼容小记
2013-02-21 23:05
176 查看
1、css中引入的图片地址是相对于当前这个css文件的位置的。
2、div圆角实现
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.5);
border-radius: 10px;
3、空a标签 a标签空的情况下 IE6 IE7下点击无效
两种解决方法(主要是针对a标签不能设置背景情况):
(1)、给a标签添加样式:background:url(about:blank);
(2)、给a标签随便添加背景色或者背景图片,然后将a标签的透明度设置为0,不过在IE中需要使用滤镜,即 opacity:0;filter:alpha(opacity=0);
2、div圆角实现
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.5);
border-radius: 10px;
3、空a标签 a标签空的情况下 IE6 IE7下点击无效
两种解决方法(主要是针对a标签不能设置背景情况):
(1)、给a标签添加样式:background:url(about:blank);
(2)、给a标签随便添加背景色或者背景图片,然后将a标签的透明度设置为0,不过在IE中需要使用滤镜,即 opacity:0;filter:alpha(opacity=0);
相关文章推荐
- 如何使用CSS隐藏滚动条并且兼容大部分浏览器
- 利用IE/FF的不同识别CSS来使用浏览器兼容问题
- Web 标准下兼容多浏览器的 CSS 布局常用技巧 http://bbs.ixuer.net/viewthread.php?tid=1410&extra=page%3D1
- CSS IE7 IE6 Firefox多浏览器兼容(转&摘)
- 如何使用CSS隐藏滚动条并且兼容大部分浏览器
- <web前端>当背景图片为渐变色图片时,为避免浏览器大小问题,可以选择使用<CSS>实现渐变色,教程如下
- 【Normalize.css】源码注释翻译&浏览器css兼容问题的理解
- 编写跨浏览器兼容的 CSS 代码的金…
- HTML&CSS_HTML5 Shiv 旧浏览器兼容HTML5标签
- 使用CSS实现透明边框的效果——兼容当前各种主流浏览器[xyytIT]
- CSS的盒子高度height使用100%后浏览器不兼容的解决办法
- css ul li 的使用及浏览器兼容问题
- 使用css制作三角,兼容IE6,用到的标签&lt;div&gt;&lt;s&gt;&lt;span&gt;
- 使用css制作三角,兼容IE6,用到的标签<div><s><span>
- 使用div+CSS布局浏览器不兼容原因及解决办法
- 利用IE/FF的不同识别CSS来使用浏览器兼容问题
- 使用css实现全兼容浏览器的三角形
- 分享一个css浏览器兼容重构代码