随笔分类 -  CSS

大坑贴：CSS浏览器兼容性问题及bug汇总
摘要：好大一个坑啊，欢迎补充。 阅读全文
posted @ 2013-04-25 12:20 令狐葱★ 阅读(193) 评论(0) 推荐(0)
页面变灰实现方案
摘要：html,body{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1); *zoom:1;} 参考：http://www.karlhorky.com/2012/06/cross-browser-image-grayscale-with-css.html 阅读全文
posted @ 2013-04-20 20:25 令狐葱★ 阅读(186) 评论(0) 推荐(0)
使用CSS实现div的水平和垂直居中
摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="zh-cn"> <head> <meta http-equiv="Content-Type" content=&qu 阅读全文
posted @ 2013-04-09 16:00 令狐葱★ 阅读(172) 评论(0) 推荐(0)
IE下li的诡异边界问题
摘要：出现问题的效果：解决办法：#down_mobile_list li {float:left;}所需效果： 阅读全文
posted @ 2012-09-14 11:38 令狐葱★ 阅读(169) 评论(0) 推荐(0)
关于hr的各版本浏览器兼容性写法
摘要：hr标签，相信大家都能熟悉，我们一般用它来产生横线的效果。我们可以对它定义“颜色”、“高度”、“宽度”、“边框”等样式。 在此只讨论“颜色”和“边框”对于不同版本浏览器的兼容性。颜色： 火狐、IE7+= ：通过background-color来指定。 IE6-= ：通过color指定。 方案：要为hr指定颜色，同时使用background-color和color。边框： IE7+= ：如不指定border:none，那么浏览器默认会为hr加上一定宽度的边框。 IE6-= ：浏览器默认不会为其加上边框。 方案：显示申明border:none。完整的兼容代码如下：1 <s... 阅读全文
posted @ 2012-05-02 11:08 令狐葱★ 阅读(406) 评论(0) 推荐(0)
同行图片与文本居中对齐的CSS
摘要：经常要将一行里面的图片和文本居中对齐，虽然查了很多资料走了很多弯路，从国外一家网站上看到了正确的解决方案，特放出来与大家共享。高手请无视。将图片对齐到文本底部——用法：该CSS代码将图片的底边与文本的底部对齐。 首先你应该按照如下格式编写CSS样式文件的类（class）：.textbottom {vertical-align:text-bottom;}然后将该类应用到你要对齐的图片的属性上，例如（注意黑体部分）：<img src="images/moreinfo.gif" width="90" height="14" borde 阅读全文
posted @ 2012-01-17 10:19 令狐葱★ 阅读(2869) 评论(0) 推荐(1)