Tag: CSS预览模式: 普通 | 列表

[CSS]解决IE6下非a标签的hover伪类css[国际版]

一不小心,花了几个小时写了个解决IE6下非a标签hover伪类的解决方法.本来已经写出来发布了(就在本乐动体育娱乐的上一篇),最后想...给这个方法起个名字吧,就叫...IE6HoverFix吧,回车发表.呵呵,顿时极度自恋中...
  几分钟后,想看看有没有人写过类似的东西,于是百度关键词"IE6HoverFix",出来两个结果,都是英文的.而且似乎是打不开的页面.但其中一个词语引起我的注意:"IE6HoverFix.htc",于是好奇的将该文件下载下来,打开一看,哇噻,牛叉!测试了一下,比我写的好用多啦!然后里面还有原作者的官方网站,顺藤摸瓜,爬到作者的blog(全e文...),发现还有最新版更新...牛叉!
  这下好了,至此,IE6下的png透明、hover都解决了,恭喜一下!
附:

查看更多...

Tags: CSS 解决 IE6 非a标签 hover 伪类

分类:软件推荐 | 固定链接 | 评论: 5 | 引用: 0 | 查看次数: 751
做CSS的都知道,IE6只支持a标签的hover伪类,而IE7/IE8/FF均支持其他标签的hover伪类样式.以前做css时尽量尽量避免非a标签的样式hover,刚刚花了点时间坐下来研究了下htc方式加载javascript来解决该问题,事实证明有效.哈,以后做设计时又少了一个IE6的限制啦!自IE6下png图片透明解决后,这又是一个具有非常意义的成果.
  下面是例子和使用方法的说明,如果有朋友有更好的解决方法,欢迎告知本人,本人邮箱:heycoffee@foxmail.com.
  为了保护代码的原创性,暂时只放图片形式的方法,如果要测试效果,请对照敲出来测试,或Q本人或Email本人...(想想上次发布的IE8正式版下的CSShack方法被各网站拔去改得面目全非...以下省略3k字...).本方法暂且取名为:IE6HoverFix.
  请注意,效果仅在IE6下有效,请注意测试时所使用的浏览器.

查看更多...

Tags: CSS 原创 解决 IE6 非a标签 hover 伪类 样式 首发

分类:软件应用 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 1491

[CSS]三点关于内联元素的margin属性见解

CSS中,HTML的元素分为两大类:块元素与内联元素.前段时间有经验丰富的设计师同事问我"内联元素"是什么意思.我汗了一把.
  其实CSS这个东西除了书本上说的东西,也还需要多用才能总结体会.以下是刚刚想到的三点见解.
第一:任何内联元素,只要设置了float,它就自动变成了块元素.例如img,你设置了它为左浮动,或者右浮动,那么它就具有了块元素所拥有的特性.

查看更多...

Tags: CSS 三点 关于 内联 元素 margin 属性 见解

分类:软件应用 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 373

[CSS]关于CSS的0与0px

有同事看见我写的css代码中的0没有加上长度单位,于是一阵惊诧过后告诉我一定要加上单位"px",我问他为什么,他说不知道,反正他从来都是这样写的.
  其实我个人觉得写与不写没有什么太大的区别.回来搜索了一下,也没有发现网友说有太大区别.所以同事说的没错.但这个可能要根据个人习惯了.我个人更习惯不带单位,理由是这样css文件占用的字节数会少一点点.不然为什么还有一种优化技术叫css压缩呢?其实在写css的时候就省略掉一些可以省略的单位不是更好?"0"占一个字节,"0px"却占了3个字节.而且"0"比"0px"的辨识度更高.而且好像常见的浏览器还没有发现不能识别0的.
  以上仅个人意见.

查看更多...

Tags: 关于 CSS 0 0px

分类:软件应用 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 311

[CSS]再发现一个IE6/7的小Bug

再次发现一个IE6/7的小Bug.该bug影响不大,但需要说明一下,提醒下自己,也提醒下需要的朋友.
  例如在下面的代码中,就会出席一个奇怪的现象:  上面这段代码的意思是:将a标签定义为块元素,然后里面放一个div,div里面再放一张图片,这时,在IE6/7下,图片就会挡住a标签的链接,也就是说此时在图片上面点击鼠标,是不会执行跳转的,哪怕图片和div统统都是包含在a标签内的.但是在IE8/FF下则正如我们所想的那样,一切正常.
  为什么呢?这是IE6/7对CSS支持不够完善引起的,在此情况下,尽管将a标签定义为了块元素,但它却还不是真正的"块",在某种程度上它还保留着内联元素的特性.
  由于近期的几个case里面经常用到这种效果,但所幸的是我的a链接不是直接跳转的,而是通过lightBox跳转打开大图片的--即:通过js的点击事件来跳转的,因此躲过一劫,不然就要伤脑筋想弯路啦!

查看更多...

Tags: CSS 发现 IE6/7 bug

分类:软件应用 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 184
一个曾经解决过的问题,今天又蹦出来了,让人气愤的是,居然忘记了自己曾经解决过,翻出来以前的代码一行行查找才发现曾经留下的"足迹".
  用过frameset的朋友可能都会遇到过frameset内嵌的页面body的clientHeight是不随css控制的(IE6除外).
  如何解决呢?当忘记以前解决过的我,今天也居然郁闷了一个下午.其实很简单,在内嵌页面的HTML代码最顶部插入一句javascript代码就可以了.代码如下:
……

查看更多...

Tags: js IE7 IE8 FF frameset 内嵌 页面 body 高度 CSS 解决 方法

分类:软件应用 | 固定链接 | 评论: 1 | 引用: 0 | 查看次数: 776

[CSS]完美去除点击链接后留下的虚线框(兼容IE6/7/8/FF)

此方法由网络所得,经过整理而来,未增加链接,深有体会,所以尊重自己,也尊重他人的劳动成果.
  该方法用于完美去除超链接因点击过后留下的虚线框.未处理之前的情况如下图:
  处理之后的效果请将下面的两段代码保存到本地同一位置,再用网页打开查看.
  CSS代码如下
……

查看更多...

Tags: CSS 完美 去除 点击 链接 留下 虚线框 方案 兼容 IE6/7/8/FF

分类:软件应用 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 519

[CSS]在js的Popup弹窗内做CSShack无效

上个月发现在js的popup弹窗内做CSShack是无效的.关于此结论有兴趣的朋友可以在网上搜索最新JS的popup插件来测试.表现出来的样式全都是IE6的.个人猜测是js代码过滤了hack字符,所以无效.最近公司做的项目所有编辑页面都是基于此插件的,兼容性存在严重问题,实在担忧.

Tags: CSS js Popup 弹窗 hack 无效

分类:软件应用 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 226

FireFox与IE兼容的CSS切换方法

在公司做的一个页面,需要用到动态切换css文件,动态无刷新的调整显示效果.开始用了"document.styleSheets[0].href"这样的方式来改变href的值,但后来发现该代码在FireFox下无效,插了下网上的资料,原来样式表的href值在FireFox下是只读的,不可改变.因此需要另辟蹊径.
  正确的方法是,默认页面将所有的样式文件都加载,但用JavaScript代码控制默认只有一个样式表显示,例如:

统计

乐动体育娱乐: 881
评论: 1031
引用: 1
留言: 168
会员: 122749
访问: 16528052
在线: 42
建站时间: 2007-01-08

支持

XHTML 1.0 Transitional Css Validator RSS 2.0 Atom 1.0 Get firefox Creative Commons

关于黑咖啡

昵称:黑咖啡
性别:M
生日:8.11
兴趣:咖啡;代码;钓鱼;音乐;旅游.
QQ:20722945
邮箱:20722945@qq.com

拿福能 | nuffNang