使用jQuery获取样式中的background-color的值时发现在获取到的颜色值在IE10以下版本中是以HEX格式显示【#ffff00】，而IE10,、Chrome、Firefox中则是以GRB格式显示【rgb(255,0,0)】，由于需要对颜色值进行判断处理，所以需要得到统一的颜色格式，最好是HEX格式的，方便处理点。搜索了一下，从国外的一个网站上得到一段代码： 代码如下:$.fn.getHexBackgroundColor = function() { var rgb = $(this).css(background-color); r...
Firefox实在太BT了, 总给我们加一些无聊的安全权限设置. 这几天在做Qzone的FF兼容发现. 设置了domain 后, FF下无法获取 styleSheets 的 cssRules 了. 虽然无法获取 cssRules ,但是我惊讶地发现,居然可以对 styleSheets 里的样式进行 insert和delete . 这是那门子权限呀,无聊了不是. 得给我 insert和delete 就够了. 利用这两个方法也可以对样式进行 update 操作. 为了让firefox兼容IE. 我修改了 CSSStyleSheet 的原型方法 代码如...
作为一个前端小白，鼓捣了几天前端。。今天突然发现我深信不疑的东西，竟然出现了问题。。就比如我在css目录下面写了一个css样式文档：style.css。这时里面只有一句话： XML/HTML Code复制内容到剪贴板body { background-color: #ddd; } 然后再我的html文件里面去引入这个外部css： XML/HTML Code复制内容到剪贴板<link rel="stylesheet" type="text/css" href="css/style.css"> 在浏览器一刷新。。哇，kao。竟然没反应...
今天遇到了一个问题，要在一个页面中设置一个半透明的白色div。这个貌似不是难题，只需要给这个div设置如下的属性即可：background: rgba(255,255,255,.1);但是要兼容到ie8。这个就有点蛋疼了。因为ie8不支持rgba()函数。下面我们总结一下rgba()函数的含义。rgba的含义，r代表red，g代表green，b代表blue，红绿蓝是三原色。所有颜色都可以由这三种颜色拼合而成。a代表透明度。比如rgba（255，255，255，0.1）就是透明度为0.1的白色...
在使用slideToggle的时候，会出现在实现隐藏效果后闪烁一下在消失，找了很多原因，本以为是浏览器问题，后来发现是文档定义类型的问题... 原来页面的文档定义： 修正为： 刷新浏览器，查看效果，问题解决
今天客户电话打过来说他IE浏览器更新到IE8.0打开刚做的网站发现错位，靠左明明是居中的，但是之前小蔡也碰到过同样的问题，所以我根本不担心。一般写DIV+CSS都基本经过IE6.0，IE7.0还有火狐浏览器测试过了，因为用的人比较多都没发生错位情况，用IE8来打开网站，发现错位很严重，包括首页，列表页，文章页等，都严重的错位。 之后两天没敢用IE8.0打开网站，我多么希望现在用IE8的人不会太多，就不会有太多人发现网站错位问题。后...
要做到两个div在一行，就得利用float或设置总宽度之和等于小大div From: http://www.111cn.net/cssdiv/css/36717.htm
CSS2.0盒模型层次平面示意图和3D示意图 3像素问题及解决办法 当使用float浮动容器后，在IE6下会产生3px的空隙，有意思的是右侧容器没设置高度时3px在右侧容器内部，当设定高度后又跑到容器的左侧了，所以对布局精度要求高的话，请参考例29、31的解决方法。 上边容器浮动后，下边的容器跟着浮动，造成页面错乱 如以上例子中的footer必须要单独占一行，但当sidebar浮动后，content的高度小于sidebar的高度时，...
用ul li做一个无限级下拉菜单 css写 #nav ul li ul{ display:none} #nav ul li:hover ul{ display:bock} 这样的话鼠标悬停到一级菜单就会展开二级及它的三四五六七八九级全部子菜单 只好再写 #nav ul li:hover ul li ul{ display:none} 如果有几十级 岂不是要傻乎乎的写 #nav ul li ul li ul ... li:hover ul li ul以阻止鼠标悬停的下下级显示？？？？ 高手们如何解决这个问题呢 回复讨论(解决方案) ...
如标题 回复讨论(解决方案) 可能是因为img的z-index大于遮罩层的 贴代码， 原因有几个：1.可能是没有设置绝对定位的外层框，导致绝对定位元素偏到浏览器以外了; 2.遮罩层有浮动，而绝对定位层没有设置z-index; 3.同一楼，可能遮罩层的层级关系超过了绝对定位的img. 谢谢stongyann ，问题就出在说的第二条
:hover是在CSS中用来制作效果最常用到的一个伪类，比如：标签或div上的鼠标悬停效果 li:hover,div:hover等. 但这种效果是css2及以上版本才添加的，对于只支持css1的浏览器就显示不出来。 在IE6中只兼容a:hover，要使用li:hover或div：hover，需引用一个文件使其兼容： csshover.htc (点击直接查看) 放在网站的根目录下，并在css文件(或者标签)中，加上 body { behavior:url("...csshover.htc"); } 放在...
最近修改以前写的一些代码，发现点问题。 比如2个div需要动态的保持一致的高度。 css的做法是： 精心开发5年的UI前端框架！ .代码
默认情况下div无法获取焦点，无法触发focus与blur事件，猜测span，a等标签也无法触发焦点事件(input:button，及button标签可以触发) 如何使div触发blur事件：可以给div加上tabindex属性 在线演示：http://sandbox.runjs.cn/show/e0bvfcag 源码： Document .box{ width: 200px; height: 200px; background-color: #3295F2; } 相关资料： http://www.w3school.com.cn/tags/att_standard_tabindex.asp dem...
自从在笔记本上装了ubuntu和nvidia驱动后，每次切换程序、切换窗口，尤其是浏览器的tab之间切换后，就会发生当前页面和之前页面之间的的快速切换式的闪烁。闪烁情况类似这样（youtube） google后在一个外网论坛得到结果：https://bugs.launchpad.net/ubuntu/+source/nvidia-graphics-drivers-346/+bug/1314367 解决办法：安装compiz的一个包 sudo apt-get install compizconfig-settings-manager 然后输入 ccsm命令进行设...
在学习ASP.NET视频的时候，看到视频中的老师建立了一个html文件，然后点开设计，开始在上面拖控件，布置网页。下面的我也想跟着做，可是发现我的VS里面新建的html里面没有设计，但是在WebForm窗体里面都是有设计的。额…为什么？？？ 本着“不将就就是学习的原动力”，开始上网搜索“vs2013新建的html文件里没有设计”，回车一按，解决的方法蹭蹭的往外冒。下面看这个问题怎么来解决。 第一步 打开VS，选择菜单栏的“工具?选...