随笔分类 -  html&&css

body background bottom在firefox下的bug
摘要：body 背景图片bottom bug 阅读全文
posted @ 2010-07-16 16:46 web k 阅读(470) 评论(0) 推荐(0)
CSS Hack 和向后兼容
摘要：Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->1instructions://unvalidate23仅Firefox3和IE7识别的Hack:4selector,x:-moz-any-link,x:default{5/*Firefox3andIE7ruleshere*/6}78如果想区分opera和safari的话先写9@mediaalland(min-width:0px){10}11然后写12@mediascreenand(-webki 阅读全文
posted @ 2010-06-10 19:37 web k 阅读(345) 评论(0) 推荐(0)
Flash背景透明(透明背景)设置方法
摘要：how to make flash background transparent 阅读全文
posted @ 2010-06-09 10:50 web k 阅读(6353) 评论(0) 推荐(0)
引用Css的几种方式及CSS Media属性
摘要：引用Css的几种方式： 一、@import <styletype="text/css"media="screen">@importurl("example.css");</style> 二、link<linkrel="stylesheet"rev="stylesheet"href="example.css"type="text/css"media="all"/>link与@import的区别这两种方式 阅读全文
posted @ 2010-06-04 14:40 web k 阅读(6581) 评论(0) 推荐(0)
tab效果——支持tab标题的宽度自适应
摘要：tab效果 tab宽度自适应 阅读全文
posted @ 2010-06-01 15:24 web k 阅读(3633) 评论(0) 推荐(0)
IE和Firefox浏览器CSS网页布局不同点
摘要：CSS网页布局，最令大家头疼的问题就是浏览器兼容性，虽然webjx.com介绍过很多这方向的 知识，但依然让很多开发人员晕头转向，今天的这篇文章，将列出css和javascript在IE和Firefox中二十三个不同点，希望对大家的学习有 所帮助。一、document.formName.item("itemName")问题 问题说明：IE下，可以使 用document.formName.item("itemName")或document.formName.elements["elementName"]；Firefox 下，只能使用do 阅读全文
posted @ 2010-03-22 19:18 web k 阅读(268) 评论(0) 推荐(0)
获取各种浏览器可见窗口大小方面的差别
摘要：<script>function getInfo(){ var s = ""; s += " 网页可见区域宽："+ document.body.clientWidth; s += " 网页可见区域高："+ document.body.clientHeight; s += " 网页可见区域宽："+ document.body.offsetWidth + " (包括边线和滚动条的宽)"; s += " 网页可见区域高："+ document.body.offsetHe 阅读全文
posted @ 2010-03-22 11:33 web k 阅读(260) 评论(0) 推荐(0)
为什么z-index在众多标签中失效
摘要：转【http://audi.tw/Blog/webDesign/Flash.swfobject.js.asp】無論是 CSS 下拉式目錄，或是 Javascript 製作出來的彈出式清單，一旦遇到 Flash 時，就被 Flash 遮蓋住，這個問題困擾了不少設計人員，原則上有兩種解決方法，一種是在圖層中使用 IFRAME，另一種則是改變 Flash 嵌入方式。 這裡要聊的，是第二種方法，先來看看問題狀況： 將滑鼠移到這裡 彈出選單1彈出選單2彈出選單3彈出選單4彈出選單5彈出選單6 將滑鼠移到這裡 彈出選單1彈出選單2彈出選單3彈出選單4彈出選單5彈出選單6 左邊的彈出選單被 Flash 蓋住 阅读全文
posted @ 2010-03-13 17:07 web k 阅读(833) 评论(0) 推荐(0)
html5的一个例子源码
摘要：<!--To change this template, choose Tools | Templatesand open the template in the editor.--><!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" 阅读全文
posted @ 2010-02-26 10:01 web k 阅读(1671) 评论(0) 推荐(0)
初识HTML 5
摘要：最近10年以来HTML一直在试图成为一个更好的RIA解决方案。最初是CSS，后来又有了AJAX和 Web 2.0;但是直到HTML 5迅速发展之后，Adobe Flash、微软Silverlight和HTML之间的界线才开始逐渐变得模糊。本篇文章将介绍新的HTML 5标准，诸如Canvas、Video和大幅改进的CSS。更重要的是，你将了解到应该使用哪一个浏览器才能充分利用最新HTML 5技术。 HTML 5：成长的故事 1997年，万维网联盟(W3C)发布了HTML 4.0，它是影响Web设计者和开发者的最近一个重大版本。尽管几年后推出了XHTML，但并未带来多大影响。在最近10多年中，HT 阅读全文
posted @ 2010-02-26 09:44 web k 阅读(376) 评论(0) 推荐(0)
css遇到的问题
摘要：1、表格的宽度是否有必要固定2、字体先Arial,后'宋体' 存在的一些问题： 设计觉得数字和英文字符用宋体难看，要求用Arial，于是将font样式写为：font:Arial,'宋体',...,'sans-serif ' 12px; 问题又出来了， 1是显示数字和英文字符时，Arial 12px和宋体的14px相当 2是当数字和汉字相连，汉字在数字之后时，看上去会觉得数字离汉字过近3、表格的对齐问题，当内容不固定，并且长度差异较大时，采用何种对齐方式更合理？ 4、想实现表格th,td之间用一根相连的线分割，但由于右边框有不同颜色的border 阅读全文
posted @ 2010-01-19 18:49 web k 阅读(206) 评论(0) 推荐(0)
css中的behavior
摘要：网页中我们经遇到刷新要保留表单里内容的时候，习惯的做法使用cookie，但是那样做实在是很麻烦，css中的behavior就为我们很好的解决了这个问题。 behavior的语法： behavior : url ( url ) | url ( #objID ) | url ( #default#behaviorName ) 取值： url ( url )　:　使用绝对或相对 url 地址指定DHTML行为组件（.htc） url ( #objID )　:　使用二进制实现(作为 ActiveX® 控件)的行为。此处的 #objID 为 object 对象的 id 属性值 url ( #d 阅读全文
posted @ 2010-01-12 11:46 web k 阅读(2810) 评论(0) 推荐(0)
弹层时层下内容显示出来+png背景透明解决方案
摘要：一、关于如何让png背景在ie6下透明 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src='/images/myimg.png',sizingMethod='crop'); 三个参数的具体含义如下： enabled :可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true | false true :默认值。滤镜激活。 false :滤镜被禁止。 sizingMethod :可选项。字符串(String)。设置或检索滤镜作用的对象的图片在对象容器边界内 阅读全文
posted @ 2009-12-31 10:42 web k 阅读(793) 评论(2) 推荐(0)
css实现长英文字母自动换行
摘要：要说明的是，连续的数字和英文字符在ff下无法实现自动换行。自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼,下面介绍的是CSS如何实现换行的方法最佳CSS定义换行代码.wrap { table-layout:fixed; word-break: break-all; overflow:hidden; } 这里 overflow:hidden;或者 auto； ================================================================= 对于div,p等块级元素 正常文字的换行(亚洲文字和非亚洲文字) 阅读全文
posted @ 2009-12-29 18:22 web k 阅读(1521) 评论(0) 推荐(0)
css实现ie6下最大，最小宽/高度
摘要：-、最大宽/高IE6无法认读max-width,max-height属性，但IE支持自己javascript的属性表达,例如div{width:expression(250+"px")}和div{widt:250px}在IE 的认读中都是一致的！但是，如果在用户在浏览器禁用javascript，那么我们的写法就失败了。所以，我们换种方式写，解决上面出现的失败现象。* html div#division{width: expression( document.body.clientWidth > 776 ? "777px" : "auto& 阅读全文
posted @ 2009-12-29 15:08 web k 阅读(3374) 评论(0) 推荐(0)
关于td内div定位的问题
摘要：最近做的页面时不时会出现表格的某个单元需要hover或click时显示隐藏一些东西的情况，问题多多表格td的position似乎跟其他元素的position不太一样，table本身就是一种特殊的盒模型，内部div的定位如果有了浮动，显示时如果滚动，浮动的元素看起来就真的像飘在上面的东西一样，很容易就飘出了td的范围，加了clear，td也没任何的反应，ff下却能够按我想要的呆在td内，有时间认真研究一下table模型 阅读全文
posted @ 2009-12-29 11:53 web k 阅读(3721) 评论(0) 推荐(0)