
css/css hack
文章平均质量分 82
MR_Teen
专注前端开发,是全栈开发的信奉者和实践者。执着做事,遇事不怕事。代码托管 https://github.com/noonhorse
展开
-
css 属性导致 页面文字 横向倒置
先说明现象。就是页面文字横向倒置。看起来很简单。问题基本上出在 ie6 上。这是一个老bug。对于老鸟来说基本上可以定性为 css 样式中的 font-family 属性错误。犯错原因:1、多个字体样式重写,造成的错误。2、ie6 不认识。比如:font-family:@宋体; 3、font 属性定义多个字体样式混乱。4、书写错误。总结:书写要留留心。熟悉掌握 w3原创 2012-08-21 13:06:06 · 3675 阅读 · 0 评论 -
jquery 焦点轮转背景图片消失, css 在作怪!
先贴上代码 然后再指明原因 :(注意 改代码 以及修改正确)/* banner */#banner{ width:100%; height:306px;float:left;}#banner .showimg{width:100%; height:300px;float:left;position:relative;}#banner .showimg .pic{width:100%;原创 2012-08-21 13:19:46 · 1664 阅读 · 0 评论 -
【译】解决HTML5 MP4(H.264)视频模糊的问题
MP4视频文件是所有主要的现代浏览器都认可和接受的文件格式。如果你想知道具体的支持情况,请查看 Can I Use但是!当 HTML5视频标签Video 嵌入网页中,如果没有正确配置好你的MP4视频会得到一个模糊图像的视频。发生这种情况的原因是,这种类型的视频和其编码模式有一些具体的要求没有得到正确的处理。学习使用以下简单的建议将帮助你满足这些需求,将为您的web页面生成你清晰的MP4视频。建议:1翻译 2016-08-30 16:23:10 · 7011 阅读 · 2 评论 -
纯 CSS 绘制三角形
简单的css三角图形绘制功能左右箭头的定位和大小需要注意,其他的都是正常使用border来处理的。结果如下所示原创 2016-07-19 17:00:40 · 525 阅读 · 0 评论 -
CSS3鼠标滑过彩色按钮动画特效
网上看到几个不错的特效,特意收藏一下。原创 2016-06-15 17:17:46 · 844 阅读 · 0 评论 -
img之间的空白和img的对齐方式
去除img之间的空白 今天无意的一句代码居然搞定了且Ie、Firefox、Chrome、 Opera完全兼容。去掉Img标签下的间距代码(红色部分):img src="http://www.aaa.cn/images/logo.gif" align="absmiddle" />看我有间距没终于可以松下一口气了。注: 以前的解决方法是css中设置img标签的vertica原创 2016-06-08 15:17:51 · 2981 阅读 · 0 评论 -
css自定义字体font-face的兼容和使用
@Font-face目前浏览器的兼容性:Webkit/Safari(3.2+) TrueType/OpenType TT (.ttf) 、OpenType PS (.otf); Opera (10+) TrueType/OpenType TT (.ttf) 、 OpenType PS (.otf) 、 SVG (.svg); Internet Explorer 自i原创 2016-05-04 14:52:09 · 18617 阅读 · 0 评论 -
论css中如何挣脱overflow:hidden;的限制
前言 这个问题是在处理苏宁平台的官方旗舰店模板遇到的。苏宁限定的页面显示区域宽度为990px。模板可以自定义,但是嵌入的代码被包含在一个div里面。这个div被奇葩的设置了内嵌样式overflow:hidden;但是我们这边的产品和设计师要求和官网一样,要1240的宽度。问题如何挣脱overflow:hidden的限制?分析overflow的定义与作用?overflow如何使用?关联属性原创 2015-05-04 16:48:00 · 18824 阅读 · 1 评论 -
代码标准化的重要性
一直以来我都追寻代码标准化、规范化,也经常和身边的人说,不知道做就去看官方文档,看规范和规则。但是在实际的情况下,还是有很多让人忘记或忽略的地方。今天遇到一个css的问题,background的图片在ie7/8下无法显示的错误。详细情况如下。1、错误css代码:.ico-car{ width:18px; height:18px; display:block; marg原创 2015-02-13 20:15:19 · 1993 阅读 · 0 评论 -
ie6 列表信息内容被复制Bug
先看无敌的bug. 最后一个190 被复制了在列表的外层加了个 _display:inline; 解决问题送一张js 运行展开效果图原创 2013-06-24 18:18:55 · 684 阅读 · 0 评论 -
IE6不支持min-height的解决办法
IE6不支持min-height的解决办法最小高度min-height是很有用的,但IE6却不支持。真烦人。有没有办法呢?第一种方法:我们可以利用IE6不识别!important来实现: height:auto!important; height:500px; min-height:500px; 这3句代码就让IE6也有了高度min-height的效果,大家可以转载 2013-06-24 18:14:12 · 785 阅读 · 0 评论 -
ie6/7要逆天 text: empty text node 问题
前言: 在ietester 里面用debugbar查看文档代码,每个ul li里面都有这个 text: empty text node 这个东西,有的在span 里面,在……,反正一句话,li下面肯定有,有时候还不止一个,一般情况下都没什么问题,今天逆天的遇到了, text: empty text node 用layout看到,他居然有个高度,还不是li的高度,比li显示的高度要高4p原创 2013-05-26 13:33:02 · 2079 阅读 · 0 评论 -
css 滤镜 的应用
css设置透明层用下面的样式表定义你的层 .alpha { filter: Alpha(Opacity=50, FinishOpacity=50, Style=0, StartX=0, StartY=0, FinishX=100, FinishY=100}解释:Opacity=开始的不透明度(100的话就不透明了) FinishOpacity=结转载 2012-11-05 12:02:47 · 607 阅读 · 0 评论 -
ie6 bug ,浮动错位
在ie 6 下的问题。问题描述:总宽度960px,五列 相加 为960px,第五列,在ie6 下 换行了。其他浏览器 ie7-9 正常。解决办法:在第五列 加上:overflow:hidden;使用debugbar 查看到,第五列换行后 宽度变大。所以说用 overflow:hidden; 原因未知!原创 2012-10-23 16:52:29 · 630 阅读 · 0 评论 -
div层 被 flash 层 遮挡的解决方法
[endif]-->简要说明:最外层div 是在做flash 焦点图转换时的用到的。 如果用于只是 flash 展示可以不用下面的代码是用于解决 firefox chrome safari 等的兼容性 下面是用于 ie 内核的 [endif]-->上面代码经过大量测试有效。如果没有效果请联系我。原创 2012-09-20 10:35:11 · 497 阅读 · 0 评论 -
Nivo Slider for jquery and wordpress plugin
Nivo Slider 为jquery 和wordpress 打造的多种焦点图切换方式插件Nivo slider :官方地址:http://nivo.dev7studios.comdemo 样式 地址:http://nivo.dev7studios.com/demos/下载地址:http://nivo.dev7studios.co翻译 2012-08-27 11:52:45 · 1089 阅读 · 0 评论