温暖向阳Love

摘要： 1、检查页面的标签是否闭合不要小看这条，也许折腾了你两天都没有解决的 CSS BUG 问题，却仅仅源于这里。毕竟页面的模板一般都是由开发来嵌套的，而他们很容易犯此类问题。快捷提示：可以用 Dreamweaver 打开文件检查，一般没有闭合的标签，会黄色背景高亮。 2、样式排除法有些复杂的页面也许加载了 N 个外链 CSS 文件，那么逐个删除 CSS 文件，找到 BUG 触发的具体 CSS 文件，缩小锁定的范围。 对于刚才锁定的问题 CSS 样式文件，逐行删除具体的样式定义，定位到具体的触发样式定义，甚至是具体的触发样式属性。 3、模块确认法有时候我们也可以从页面的 HTML 元素出发。删... 阅读全文

摘要： 要想更好的理解 css， 尤其是 IE 下对 css 的渲染，haslayout 是一个非常有必要彻底弄清除的概念。大多IE下的显示错误，就是源于 haslayout。 什么是 haslayout ？ haslayout 是Windows Internet Explorer渲染引擎的一个内部组成部分。在Internet Explorer中，一个元素要想更好的理解 css， 尤其是 IE 下对 css 的渲染，haslayout 是一个非常有必要彻底弄清除的概念。大多IE下的显示错误，就是源于 haslayout。什么是 haslayout ？haslayout 是Windows Interne 阅读全文

摘要： 12个很棒的学习 jQuery 的网站推荐60款很酷的 jQuery 幻灯片演示和下载30个精美的jQuery幻灯片效果插件和教程20个非常棒的 jQuery 幻灯片插件和教程Web开发者必备的20款超赞jQuery插件 jQuery 是一个非常优秀的 JavaScript 框架，使用简单灵活，同时还有许多成熟的插件可供选择。今天的这篇文章收集了最新28个非常有用的 jQuery 教程分享给大家。学习使用 jQuery 创建一个确认对话框学习如何制作一个自动变换的幻灯片如何制作带缩略图的全屏图片画廊学习使用 jQuery 制作立体效果的滑动相册学习使用 jQuery 制作谷歌圣诞涂鸦学习使用. 阅读全文

摘要： 1.IE6的3像素偏移BUG 当浮动元素与非浮动元素相邻（注意这里的相邻可以是纵向的也可以是横向的）时，这个3像素的Bug就会出现，它会偏移3像素。实际表现就是两个元素之间产生了一道缝隙！解决方法很简单，将两个元素都浮动就OK了。此BUG深层的原因是非浮动元素的layout未触发，所以这里只要是能够触发layout的 css都可以解决问题。 2.IE6 双倍边距问题 当浮动元素设置margin边距时，边距会加倍。解决方法是给浮动元素加上display：inline属性。3.IE6下空标签高度问题 当你把标签的高度设置为0-19内的数字时，IE6会一致的显示为19px高。解决方法：给标签加上ov 阅读全文

摘要： IE8中，CSS加载的背景图片右侧有1PX的竖线解决方案：padding-left:1px最近新设计了一个宣传产品的网页，当觉得一切都没有问题的时候，然后再IE8中打开这个网页测试的时候，返现网页的整个背景图片都错位1px左右，虽然是一个很小的错误，但是对于一个WEB开发者来说是无法容忍的事情。可奇怪的是这个网页在IE6、IE7、Firefox这些主流浏览器下却能够很正常的显示。更奇怪的是，我用IETester测试工具在IE8模式下测试又没有错位的现象，彻底被IE8浏览器搞糊涂了。虽然IE8还包含有很多的小问题，但是相比IE6和IE7还是非常优秀的。以下是我在制作网页时遇到的一个问题：目前，随 阅读全文

摘要： Below is the CSS code that makes your sticky footers actually stick to the bottom.html, body {height: 100%;}#wrap {min-height: 100%;}#main {overflow:auto; padding-bottom: 150px;} /* must be same height as the footer */#footer {position: relative; margin-top: -150px; /* negative value of footer heig. 阅读全文

摘要： 1，在不影响布局的情况下，可以选择，数据自动换行a.设置宽度限制：可以使用width值和max-width最大宽度值。b.内容自动换行：word-wrap:break-word(中文，英文语句，长串字母都能实现);注意点：长串字母实现前提，必须将宽度限制直接添加到“文本内容的标签”。2，控制数据超出一定范围，自动隐藏——通过title值来显示全部数据信息a.设置宽度限制：可以使用width值和max-width最大宽度值。b.超出范围隐藏：overflow:hidden;3，控制数据超出一定范围，自动隐藏，并显示省略号...——通过title值来显示全部数据信息a.数据不换行：white-sp 阅读全文

摘要： 破洛洛文章简介：另一个是用于特定项目的“reset”，自定义修改的内容，这些内容可以放在layout.css、typography.css之类的文件中，他们共同导入到一个base.css形成一个项目的基础样式。本文就是来介绍如何写一个合适所有项目的通用的reset.css，以及介绍在设置玩 reset.css之后需要针对0，引言每每有新项目，第一步就是应当使用一个reset.css来重置样式。滥用不如不用，直接拿个现成的reset.css过来将导致后期各种离奇bug的发生。所以最好还是自己写一个reset.css，并且要明白每一条reset都是用来做什么的。reset.css本意就是重置样式， 阅读全文

摘要： Compatibe - 兼容性组件 解决IE6悬浮、png透明问题2011-11-16 23:03:36|分类： 默认分类 |标签： |字号大中小订阅兼容组件的第一个作用：ie 6的position:fixed;<div class="J_TWidget" data-widget-type="Compatible" data-widget-config="{'fixed':'true'}" style="position:fixed;top:50px;left:40px;"&g 阅读全文

摘要： 1.用记事本 打开 另存为一份为 utf-8就可以2.去掉中文注释 或者一定要中文注释的话。再注释的前后加个空格符就行了3.保留DW CS4添加CSS文件的第一句@charset "utf-8";中文注释要加上一些英文符号/*中文注释*/更改为/*=中文注释=*/ 阅读全文