存档

文章标签 ‘css’

css中IE下判断IE版本的语句

2009年6月17日 没有评论

1.

  1. <!--[if !IE]><!--> 除IE外都可识别 <!--<![endif]-->

2.

  1. <!--[if IE]> 所有的IE可识别 < ![endif]-->

3.

  1. <!--[if IE 5.0]> 只有IE5.0可以识别 < ![endif]-->

4.

  1. <!--[if IE 5]> 仅IE5.0与IE5.5可以识别 < ![endif]-->

5.

  1. <!--[if gt IE 5.0]> IE5.0以及IE5.0以上版本都可以识别 < ![endif]-->

6.

  1. <!--[if IE 6]> 仅IE6可识别 < ![endif]-->

7.

  1. <!--[if lt IE 6]> IE6以及IE6以下版本可识别 < ![endif]-->

8.

  1. <!--[if gte IE 6]> IE6以及IE6以上版本可识别 < ![endif]-->

9.

  1. <!--[if IE 7]> 仅IE7可识别 < ![endif]-->

10.

  1. <!--[if lt IE 7]> IE7以及IE7以下版本可识别 < ![endif]-->

11.

  1. <!--[if gte IE 7]> IE7以及IE7以上版本可识别 < ![endif]-->

阅读全文…

分类: 网站制作 标签: , , ,

最新CSS兼容方案

2009年6月13日 没有评论

HACK1：

  1. #example {
  2. margin:5px!important; /* for Firefox */
  3. margin:10px; /* for IE6 */
  4. margin /**/:11px; /* for IE5 */
  5. }
  6. *+html #example{margin:15px!important; }/* for IE7 */

阅读全文…

分类: 网站制作 标签: , ,

表单栏目提示效果

2008年12月21日 没有评论

表单栏目提示效果

提示：你可以先修改部分代码再运行。

代码如下： 阅读全文…

分类: 网站制作 标签: , , ,

firefox,ie7,ie6兼容性问题，和css解决方案

2008年12月18日 没有评论

相信很多人听说过Hack，就是在CSS代码里加入一些如* html,+hmtl, /**/，这些代码在IE里能被识别，其它浏览器不能，也有些IE6可以，IE7不能识别，就是通过这样的方法，来写针对不同浏览器的CSS代码。

这里有几篇文章是介绍Hack的，还有收集了目前的一些Hack，可以点过去看看。先别急着点，继续往下看吧。最后我才把链接贴上，因为下面的内容更重要。比你漫无目的找HACK实用。

这里介绍几个经典的区别不同浏览器，CSS hack写法太多了，也很杂，这里我就介绍几款实用的，又容易记的写法：
阅读全文…

分类: 网站制作 标签: , , ,

用css来控制图片显示大小

2008年12月18日 没有评论

有时候图片太大，会破环网页整齐的布局。这时可以用css来强制按比例压缩图片的高度或宽度

css代码如下：

  1. img, a img{     
  2.   border: 0;    
  3.   margin: 0;    
  4.   padding: 0;    
  5.   max-width: 590px;    
  6.   width: expression(this.width>590?"590px":this.width);    
  7.   max-height: 590px;    
  8.   height: expression(this.height>590?"590px":this.height);    
  9. }

这样当图片的高度或宽度若超过590px，将会按比例压缩成590px，如果不超过则按原大小显示。

分类: 网站制作 标签: , , , ,

DIV 图片居中

2008年11月10日 没有评论

提示：你可以先修改部分代码再运行。

代码：
阅读全文…

分类: 网站制作 标签: , , , ,

菜单点击弹出下拉式

2008年11月7日 没有评论

ff

分类: 网站制作 标签: , , ,

CSS三栏布局中最先显示中栏的方法

2008年10月27日 没有评论

浏览器显示页面是一行一行的按顺序执行代码，也就是说写在前面的先执行显示，而对于左中右3栏布局的设计，代码要么是从左–>中–>右来书写，要么就是到过来从右–>中–>左来书写，要做到要求的效果，那首先要书写的是中栏的代码。

所以我首先定义了一个id=m的DIV，并且padding-left:150px，定义这个是为了给左栏留出140PX的显示位置，然后再在这个DIV里面嵌套定义一个id=middle的DIV，我用position:absolute的属性(绝对定位);然后再定义左栏left和右栏right。用position:absolute的属性有一个不好的地方就是它象photoshop里的层一样，它的自动延伸并不会带动整个布局的延伸，所以会遮住一些页面元素，比如我们通常会在网站的最下面写上一些copyright的信息，如果用先显示中栏的这种方法，如果不做处理的话，这些信息会被遮盖住。处理的办法就是使用javascript,让左右2栏的高度随中栏一起自动延伸。 阅读全文…

分类: 网站制作 标签: , ,

IE多版本共存的解决方案——IETester（推荐）

2008年9月1日 没有评论

刚刚用过，感觉特别；厉害，比以前网上流行的Multiple IEs 强多啦！以下为官方解释：
阅读全文…

分类: 资源共享 标签: , , , , , , ,

如何在DIV框加一个关闭按钮？？

2008年8月26日 没有评论
  1. <div id=&#039;error&#039;>
  2. 错误信息：
  3.  
  4. <input type=&#039;button&#039; onclick=&#039;document.getElementById("error").style.display="none";&#039; value=&#039;关闭本窗体&#039;>
  5. </div>



下面几个漂亮的 buttom 按钮

分类: 网站制作 标签: , ,