css - 随笔分类 - poisson_notes

CSS用省略号实现文字自动截断

摘要：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312″><title>css文字截断____dowhatyouwant</title><style 阅读全文

posted @ 2011-07-14 18:31 poisson_notes 阅读(19083) 评论(0) 推荐(0)

css background-position percentage 背景图片百分比定位

摘要：background: url(zmhd4.jpg) 50% no-repeat;如果设计者只给出一个属性值而不是一对，那么它只作用于水平方向，且垂直方向永远限定于“50%”。如果同时给出一对属性值，则第一个属性值作用于水平方向，第二个作用于垂直方向。另外，关键字、绝对长度值和百分比值相互混合使用也是允许的。再比如<div style="background: url(zmhd4.jpg) 20% no-repeat;width:200px"></div>这之中的20% 20%即是将图片的20% 对齐对象的20%。这个对象就是指应用这个样式的元阅读全文

posted @ 2011-06-15 15:53 poisson_notes 阅读(528) 评论(0) 推荐(0)

简单的css下拉菜单

摘要：<!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"><head><meta http-equiv="Content-Type" content="text/html; charset=gb23 阅读全文

posted @ 2011-05-24 16:01 poisson_notes 阅读(415) 评论(0) 推荐(0)

在table中tr的display:block在firefox下显示布局错乱问题

摘要：按照常理，对于某一单元行需要显示时，使用：display:block属性，不需要显示时使用display:none属性，而且这样做在IE浏览器中显示正常，没有任何问题。但是当用Firefox浏览时却出现了布局错乱的问题，然后通FireBug去看了下源码，调试下了，发现是display:block属性搞的鬼。 1、当表格为多列的情况下，属性为"display:block"行的内容宽度仅与第一列宽度相同，也就是说无论你使colspan的属性值为多少，剩余列的空间都不进行解析。 2、同一行反复的在"display:none;"与"displa 阅读全文

posted @ 2011-03-01 17:11 poisson_notes 阅读(505) 评论(0) 推荐(0)

仿样式fixed的悬浮效果

摘要：记得头部加上标准[代码] 阅读全文

posted @ 2010-05-28 11:04 poisson_notes 阅读(541) 评论(0) 推荐(0)

IE中的条件注释（）

摘要：条件注释只能用于Explorer 5+ Windows(以下简称IE).如果你安装了多个IE，条件注释（Conditional comments）将会以最高版本的IE为标准（一般为IE 6）。我听说（但没测试过），当在条件注释中使用了小数点，且只安装了IE5.0的时候，将会产生一个不正确的判断。条件注释只能在windows Internet Explorer(以下简称IE)下使用，因此我们可以通过... 阅读全文

posted @ 2010-05-28 09:37 poisson_notes 阅读(19716) 评论(0) 推荐(1)

跨浏览器的CSS固定定位{position:fixed}

摘要：不知道您是否留意了，浏览本站时，浏览器右下角有一个标着top的黑色直角三角形，可以点击它返回到正在浏览的网页页眉。当滚动网页时，它的位置一直没有任何改变，您感觉它怎么样？这就是通过CSS的定位属性{position:fixed}来实现的，通过它可以让HTML元素脱离文档流固定在浏览器的某个位置。 IE7、Firefox、Opera，都支持CSS的{position:fixed}，所以很容易实现（《... 阅读全文

posted @ 2010-05-23 15:38 poisson_notes 阅读(455) 评论(0) 推荐(0)

一个简单的遮罩层效果

摘要：代码 2010年5月23日改进版阅读全文

posted @ 2010-04-10 16:14 poisson_notes 阅读(877) 评论(0) 推荐(0)

min-height最小高度的实现（兼容IE6、IE7、FF）

摘要：CSS的兼容性问题一直令CSSer头疼，最小高度min-height是一个非常有用的属性，在页面布局中的很多地方可以用到。在52CSS.com的一些实例布局中也有涉及。当容器的内容较少时，能保持一个最小的高度，以免破坏了布局或UI设计效果。而当容器内的内容增加的时候，容器能够自动的伸展以适应内容的变化。声明：52CSS.com原创，转载请注意出处并加上链接。 min-height属性并非所有浏... 阅读全文

posted @ 2010-03-16 21:21 poisson_notes 阅读(281) 评论(0) 推荐(0)

随笔分类 - css

公告