- 浏览: 2613308 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (1286)
- js-oop (2)
- js-window (10)
- js-event (19)
- js-string (37)
- js-array (27)
- js-page (4)
- js-dom (62)
- js-lang (8)
- js-number (7)
- js-platform (3)
- js-object (15)
- js-element (3)
- js-browser (7)
- js-url (6)
- js-date (10)
- css基础 (48)
- css优化 (15)
- html基础 (17)
- html标签 (19)
- js基础 (117)
- js-兼容性差异 (33)
- js引擎 (3)
- js性能 (14)
- json (6)
- jQuery源码浅析 (43)
- web mobile开发资料 (78)
- js跨域 (2)
- html5 (74)
- html5-canvas (7)
- css3 (53)
- 浏览器 (5)
- api设计学 (3)
- js-加载 (3)
- linux (37)
- 架构师 (1)
- php (2)
- self开发的脚本库--凤凰 (2)
- web应用名词 (6)
- javascript新特性翻译 (8)
- ajax (6)
- jQuery动画效果 (7)
- prototype的解读 (13)
- 优秀插件翻译 (1)
- css解决方案 (26)
- 数据库 (2)
- english daily (59)
- 浏览器内核探究 (1)
- jQuery插件介绍 (9)
- jquery基础篇 (26)
- chrome浏览器问题整理 (14)
- js选择器那些事 (3)
- 前端框架 (26)
- Firefox私有属性 (11)
- webkit私有属性集合 (17)
- 书籍推荐 (21)
- 数据结构 (1)
- 网站建设相关 (7)
- 好文翻译 (2)
- 个人作品 (3)
- kissy的解读 (4)
- css-layout(布局研究) (5)
- less研究 (1)
- YUI探究 (1)
- hash探究 (1)
- js动画 (7)
- 前端面试题 (37)
- css书写规范 (1)
- js模板引擎 (6)
- js模块化 (19)
- 编写高质量代码 (3)
- 性能探究--应用协议 (2)
- 前端图像处理 (19)
- Mac OS相关 (21)
- 正则表达式 (11)
- 离线应用相关 (0)
- 前端工具 (65)
- nodeJS (55)
- jquery优化篇 (2)
- 设计模式探究系列 (3)
- windows7 (2)
- IE10 (10)
- 微博开放平台探究 (2)
- 常用web服务接口 (1)
- 数据存储相关 (8)
- 零时文件 (2)
- jQuery Mobile (16)
- backbone (15)
- underscore (22)
- sass (11)
- android (3)
- phonegap (10)
- IE私有 (11)
- qwrap (8)
- git (14)
- chrome extensions (5)
- freemarker (11)
- angularJS (3)
- seo (2)
- markdown (3)
- css动画 (4)
- 安卓开发 (2)
- React (7)
- 活动页技术 (1)
- 网络安全 (3)
- grunt (7)
- Lo-Dash (3)
- 前端国际化 (4)
- 版本控制 (2)
- 盒模型 (4)
- 微信开发 (1)
- Mock数据工具 (1)
- sails (1)
- vim (1)
- js-color (1)
- iOS 基础 (43)
最新评论
-
jertom:
<div id="showInfo" ...
addEventListener等事件监听的参数细谈 -
乌托邦国王:
引用[u][/u]
css3动画属性系列之transform细讲移动translate -
hvang1988:
能提供附件下载吗,找不到js库,google封了访问不了
Syntaxhighlighter---代码高亮插件介绍 -
sscsacdsadcsd:
我的天 那到底是为什么function是object我看und ...
typeof func ==='function'的疑惑 -
wkjiangwk:
试了,没用,你们从不去测试。
介绍一下x-webkit-speech -------实现语音输入
我们在IE6下如果设置一个div的高度小于12px的话,IE6会显示12px.
#element{ background: yellow; border: 1px solid red; width: 300px; height: 4px; margin: 30px 0; }
效果图:
解决方案:
加上overflow:hidden
对比的效果图:
发表评论
-
如果画圆角图片效果
2013-10-18 16:19 1206原效果在 http://smashingco ... -
bootstrap分拆之table
2013-07-11 14:44 0本文整理一下bootstrap中tabl ... -
触发hasLayout
2013-04-11 14:39 1304触发hasLayout: ... -
页面翻转效果
2013-04-01 19:08 0本文收集了一下页面翻转需要的代码: ht ... -
IE6下模拟fixed在scroll的时候有闪动
2013-04-01 18:13 1719IE6下,我们模拟fixed的时候会出现一种 ... -
-ms-filter
2013-04-01 18:14 1514本文简单记录一下-ms-filter ... -
IE9已经支持opacity
2013-04-01 12:12 0前言: 本文主要是看了iefa ... -
IE下的采用filter进行翻转
2013-04-01 19:09 1642本文简单记录一下:IE下使用filter来 ... -
css3案例之---采用rgba实现背景透明内容不透明
2013-03-28 17:44 2670前言: 部分内容来自doy的博 ... -
QR二维码相关
2013-03-25 14:36 1555前言: 本文主要整理采用Google ch ... -
关于初始加载页面的动画震动
2013-03-22 18:20 1584本文主要来自:http://css-tri ... -
QR二维码相关
2013-03-25 14:34 0前言: 本文主要整理采用Goo ... -
css解决方案之--- 模拟textarea高度自适应
2013-03-11 19:40 1576本文来自zhangxinxu的博客:《div模拟 ... -
设置type="range"为vertical
2013-02-21 16:56 1411如何设置type=“range”为vertical ... -
IE下的图片翻转90度倍数的case
2013-01-07 11:11 1414场景:IE下对图片进行*90度的旋转 代码: ... -
IE下页面变灰
2013-01-07 11:01 1321应用场景:IE下站内页面变灰! 代码: h ... -
css框架简介之YAML
2012-10-15 16:47 2339前言: 本文只是开篇,简单介绍一下,后期深入实践认知 ... -
关于页面跨平台字体样式探究
2012-07-29 18:28 1577前面写了一篇“Mac下的字体”,去各大网站关注了一下css代码 ... -
关于X-UA-Compatible
2012-07-07 16:28 13751、what is X-UA-Compatible ? ... -
关于去掉a标签点击后的虚框的解决方案
2012-06-23 16:54 1654我们时常在一些场景遇到a标签点击后需要去掉虚线框,这边我们给出 ...
相关推荐
`,并且对于`min-height`属性的支持也不完全,所以这个设置确保在IE6中,`div`有一个最低的高度限制,即100px。 最后,`min-height: 100px;`在IE7、Firefox以及其他支持`min-height`属性的浏览器中起作用,它定义了...
当开发者尝试将div的高度设置为小于默认值的尺寸时,IE6就会根据字体的行高自动调整div的实际显示高度。 这个问题的出现主要与以下几个原因有关: 1. DIV元素默认字体大小的设置:在IE6中,默认字体大小影响了元素...
通过上述方法,可以有效解决IE6下DIV高度控制的问题,从而在IE6浏览器中实现与其它现代浏览器相一致的页面布局效果。这些解决方案对于现代网页设计师来说是非常重要的,尤其是在需要支持旧版浏览器的情况。尽管IE6已...
这种情况下,浏览器会根据默认的字体大小为div分配一定的高度,导致无法设置小于这个默认高度的值。为了解决这个问题,我们需要明确地设置div的`font-size`为0,这样就可以避免由于字体大小而产生的最小高度。修改后...
在前端开发中,由于浏览器的默认限制,字体大小通常最小只能设置为12px,这在某些情况下可能无法满足设计师对于更小字体的需求。当设计稿中的字体尺寸为10px或其他小于12px的值时,我们需要寻找解决办法来实现预期...
- IE6下,高度小于10px的元素会被显示为10px,通过添加`overflow:hidden`可解决这个问题。 9. **图片与`div`高度问题** - 在IE6中,当图片大小与`div`相同时,`div`高度会增加,此时添加`overflow:hidden`可以...
这导致了在设置固定高度为小尺寸时,例如10px,IE浏览器会自动扩展div的高度,如果字体高度超过了10px,可能会出现背景图片重复填充div的情况。 相比之下,FF(Firefox)和Safari等浏览器遵循W3C标准的盒模型,不会...
但是,在IE6中,如果`<div>`的高度小于10px,就会出现显示不正确的情况,这与表格元素的渲染方式有些相似。这一问题严重影响了网站在不同浏览器之间的兼容性和用户体验。 #### 解决方案 针对这个问题,有几种常见...
在示例代码中,`.divGlobal`, `.DivTop`, `.DivBottom`这三个类都设置了`min-width`为760px,这表示这些div元素的最小宽度为760像素。当浏览器窗口宽度小于760像素时,这些div元素的宽度将不再缩小,以保证内容的...
为了在IE6中实现相同的效果,我们还需要设置高度(height)为100%,这样当内容超过设置的最小高度时,内容区域的高度可以自动拉伸。由于IE6对于百分比高度的计算方式与其他浏览器不同,因此必须在设置了_height之后...
标题和描述中提到的问题,即如何在各种浏览器(包括IE6+和Firefox)中设置`div`的最小高度,是前端开发中常见的挑战。下面我们将详细探讨这个问题。 首先,CSS中的`min-height`属性用于定义元素的最小高度。当元素...
在上述代码中,当视口宽度小于或等于600px时,div的圆角半径设为5px;601px到1000px之间为10px;超过1000px则为20px。 综上所述,使用CSS3的`border-radius`属性可以轻松地实现div的圆角效果,无需依赖图像,且能很...
这段代码确保`container`的宽度至少为600px,但在IE下,如果窗口小于600px,宽度将自动调整。 解决这些兼容性问题需要对不同浏览器的渲染机制有深入理解,并熟悉CSS Hack或者使用条件注释来针对特定浏览器编写不同...
本文将深入探讨如何利用纯JavaScript实现img图片在大小未知的div内自适应显示,并兼容不同浏览器,包括火狐、谷歌和IE6/7/8。 首先,我们来看一下基本的HTML结构,它包含一个div容器和一个img元素: ```html <div ...
本文将深入探讨如何使用CSS来控制div元素的最大宽度和高度以及最小宽度和高度,特别关注在IE6中的兼容性问题。 首先,CSS提供`min-width`和`max-width`属性来限制元素的宽度。`min-width`确保元素的宽度不会小于...
important` 关键字来确保在 IE 下的样式优先级,如 `div { margin: 30px !important; margin: 28px; }`。 - 对于宽度,可以通过条件注释实现兼容,例如: ```css #box { width: 600px; /* for IE6.0 */ -moz-...
然而,在宽度小于18像素的`div`中,滚动条在IE10的兼容模式下失效。这是由于IE浏览器的一个已知问题,它对模拟滚动条的最小宽度有一定的限制。在某些版本的IE中,滚动条需要至少17像素的宽度才能正常工作。在示例中...
在这种情况下,`div`的最小高度将是根据`10px`字体计算出的行高。 在提供的代码示例中,我们看到一个`div`元素`#showDiv`,其`font-size`被设置为`1px`。这是一个非常小的字体大小,目的是减少`div`的默认高度。...
本文将深入探讨两种特定场景下如何实现 `div` 的最小宽度设置:一种是当 `body` 中存在浮动元素时,另一种是当浏览器宽度小于1350像素。 首先,让我们来看看第一种情况,即`body` 中有浮动元素。浮动元素(如 `...