IE系列浏览器不支持CSS的圆角(border-radius)等CSS3属性是一个众所周知的问题，而FF、Chrome原生的浏览器支持是的优雅的圆角感觉较好，如何解决这个问题呢？ 一种比较传统的方案是放弃CSS3，使用背景图，但是这种方式也会有诸多问题，对页面结构改动较大，需要对自适应大小进行控制等，成本较高。 另外一种是百度了一下，发现有个开源的插件可以解决此问题：http://css3pie.com/ 使用方法很简单，下载了之后直接引用...
例如 如何选择没有name属性的两个vbox 回复讨论(解决方案) 虽然这样可以取出来，但是ie低版本貌似不支持这种标签。谨慎使用。 使用xpath //vbox[not(@name)] 使用jQuery $(vbox:not([name])) $(vbox:not([name])) 推荐你使用万能的jquery $(vbox:not([name])) 推荐你使用万能的jquery +1. 使用xpath //vbox[not(@name)] 使用jQuery $(vb...
static和relative的用法比较清晰，在此就不做讨论了，值得注意的是static定位，即默认没有定位的元素忽略 top, bottom, left, right 或者 z-index 声明；而relative定位的元素虽然没有脱离文档流，同样忽略 top, bottom, left, right声明，但是却z-index属性却可以起作用。 昨天主要纠结在absolute和fixed上，老师上课演示了用这两种定位方式将元素的right和bottom设置为0，在元素下方添加很多换行符，打开窗口时两种方式都是位于...
background-size的值类型：1个或2个值，这些值既可以是像素px，也可以是百分比%或auto，还可以是特定值cover, contain。 background-size可以设置2个值，1个为必填，1个为可选。 其中第1个值用于指定背景图的width，第2个值用于指定背景图的height，如果只给background-size设置1个值，则第2个值默认为auto 高度自动 (通常默认高度是 auto 自动,自适用内容而增高,通常如果想高度自适应不用设置) （cover和contain特...
对于小说阅读器，相信兄弟们都很熟悉，那么它是如何实现的呢？早这里分享一些经验之谈。 首先，在我的思路中，在制定多页，和重排版功能的实现，可能需要用到CSS3的一个属性：column-count:3(多列)思路是这样的，也不知道对不对，用HTML5+CSS3写一个可阅读的文本，然后用column-count属性进行分列，在移动端里，那么一本书就相当于一个页面，而每一页则相当于一列，而通过改变column-count的值则实现了重排版功能。不多说分...
比如 1 2 想在 下拉框选中 2时 文本框隐藏 让style 属性="display:none" 试了好多中方法都行，是不能改style的值吗？ 回复讨论(解决方案) 1 2 1 2 这样确实可以实现，但是当在显示的时候文本框会换到下一行......
写过CSS的人都免不了与position属性打交道，但是要真正理解position属性还不是一个很容易的事。前两天博主想在一个html页面上实现一个元素重叠在另一个元素上，并且位于该元素的右下角的效果。在网上搜到他人的解决方法，并且也实现了，这里面最关键的就是利用position属性以及left、right、top、bottom等属性。为了更为透彻地理解背后原理，博主在网上搜了相关的资料，总算是有了一些认识，或许也只是一知半解，不过先写下来供大家...
的颜色设置 如果不加border:0;的话，虽然颜色改变了，但是会显示一条黑色的边框。如果不加height:1px;的话，在chrome会显示不出来。也可以用下面的代码实现： 对齐 在chrome中默认是左对齐。在IE中默认是居中对齐，要想左对齐得用text-align:left。
如果你不是一名csser新手，想必你对z-index的用法应该有个大致的了解了吧，z-index可以控制定位元素在垂直于显示屏方向（Z 轴）上的堆叠顺序，本文不去讲述基本的API如何使用，而是去更深入的了解z-index是如何工作的，使用z-index的时候有哪些问题，以及z-index在日常开发中的使用。 下面我们通过一个例子来引入今天的正文，代码示例： .red, .green, .blue { position: absolute; width: 100px; height: 100px; text-alig...
提示：尽管浏览器不会以任何方式使用该属性，不过搜索引擎可以利用该属性获得更多有关链接的信息。 为了浏览器专门使用这个属性么？ 回复讨论(解决方案) 可以用来存点数据什么的 很少用................. 可以用来存点数据什么的 都用来存什么数据呢？ 用的比较少。 必须制定，否则样式无法生效。 其他情形就当自定义属性用。 其他情形就当自定义属性用。 自定义属性的名称可...
有时候我们会使用CSS中的z-index属性来使某些块状元素更有层次感。 如下图：可以通过z-index实现鼠标居于文字后面，使得网页更有层次感 实现上面效果的代码如下： img.x{position:absolute;left:0px;top:0px;z-index:-1}这是一个标题 默认的 z-index 是 0。Z-index -1 拥有更低的优先级。 但是好多刚学习css的新手们，会对z-index属性有些不解，明明自己设置了z-index属性，但是问什么看不到任何效果呢？ 要解决这个问...
?? 裁剪 div 元素中内容的左/右边缘 - 如果溢出元素的内容区域的话： div{overflow-y:hidden;} div{width:110px;height:110px;border:thin solid black;overflow-x:hidden;overflow-y:hidden;} 这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是...
.transparent_class {filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;} 上面的几个属性分别是: opacity: 0.5; 这是最重要的，因为它是CSS标准.该属性支持firefox, Safari和 Opera. filter:alpha(opacity=50); 这个是为IE6设的，可取值在0-100，其它三个0到1. -moz-opacity:0.5; 这个是为了支持一些老版本的Mozilla浏览器. -khtml-opacity: 0.5; 这个为了支持一些老版本的Safari浏览器.
css3刚推出不久，虽然大多数的css3属性在很多流行的浏览器中不支持，但我个人觉得还是要尽量开始慢慢的去了解并使用css3（还有html5），因为我觉得这是一种趋势，它是一种已经被制定的标准。我并不是专门在做前端的，只是有时不得不自己去写这些东西，有时喜欢研究研究这些，所有以上只是我的个人看法。 1、在之前我想在页面做出一个边框为圆角框，貌似需要写挺多css代码的（可能我没了解到更好的办法），在css3里有一个属性...
译文：不可思议的CSS border属性 译者：dwqs 在CSS中，其border属性有很多的规则。对于一些事物，例如三角形或者其它的图像，我们仍然使用图片代替。但是现在就不需要了，我们可以用CSS形成一些基本图形，我分享了一些关于这方面的技巧。 1、正三角形： .triangle_up{ height:0px; width:0px; border-bottom:50px solid #006633; border-left:50px solid transparent; border-right:50px solid transparent;} ...