最近常在群时听到朋友们讲做DIV高度100%时总是不成功．实际高度只有１ＰＸ左右．其实这是对模型不熟悉的结果．在xhtml+css中， div标签也是套在body中，如果只是设置了这个ＤＩＶ的高度还是不够得．因为body的高度没有设置那么div设置了１００％也其实只有1px．如果要做真正的100%效果那么就要设置类似以下ＣＳＳ body{height:100%} 这样试下．代码如下 <!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=gb2312" />
<title>测试ＤＩＶ高度</title>
<style type="text/css">
<!--
body{height:100%; margin:0px;}
#mainbody{width:100%; height:100%;background-color:#33CCCC;}
-->
</style>
</head>
<body>
<div id="mainbody">网址：<a href="http://blog.szrgb.net">http://blog.szrgb.net</a></div>
</body>
</html>
你发现什么了．现在ＩＥ下已成功了．但是转到ＦＦ下却还是不行．啊忘记了一个地方．换以下代码再看看．
<!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=gb2312" />
<title>测试ＤＩＶ高度</title>
<style type="text/css">
<!--
html,body{height:100%; margin:0px;}
#mainbody{width:100%; height:100%;background-color:#33CCCC;}
-->
</style>
</head>
<body>
<div id="mainbody">网址：<a href="http://blog.szrgb.net">http://blog.szrgb.net</a></div>
</body> </html> 在这里html,body{height:100%; margin:0px;} 中的ＨＴＭＬ是专为ＦＦ准备的． 好了，朋友们开始做自己的100%满屏吧！
分享到：
相关推荐
总的来说，实现一个兼容FF和IE的拖动遮罩层涉及了JavaScript的DOM操作、事件处理、CSS样式设计以及浏览器兼容性处理等多个方面。这需要开发者具备扎实的前端基础，并了解如何利用这些技术来提升用户体验。在实际项目...
为了兼容，可以先为IE6编写常规CSS选择器，然后使用子选择器针对IE7+和其他现代浏览器。例如，`.content {color:red;}`用于IE6，而`div>p .content {color:blue;}`则适用于其他浏览器。 3. **PNG半透明图片问题**：...
主要涉及的是如何使用Javascript实现一个仿WebQQ界面的“浮云”效果，并确保该效果兼容IE7及以上版本及Firefox（FF）浏览器。 ###Javascript实现仿WebQQ界面的“浮云”效果 #### 1. 兼容性说明 首先，文件标题提到...
它支持跨浏览器的兼容性，包括IE6、IE7、IE8、Firefox和Chrome。由于其精简的代码和良好的效果，它已经被许多大型网站采用。 知识点二：兼容性问题的解决 在原有的Popup.js中，存在一个兼容性问题。遮罩层可以在IE6...
2 兼容 IE7+ ff google 3 功能： 1）弹层遮罩 2）弹出层位置 top/parent 3）弹出层大小 4）是否可拖动 5）是否最大/小化 6）是否可关闭 7）确认、取消提示框 8）弹出层标题自定义 9）弹出层嵌入页面 10）...
这个插件不仅支持IE7及以上的版本，还支持Firefox（FF）和Chrome，这涵盖了市场上大部分用户常用的浏览器，确保了广泛的应用兼容性。 视频播放插件的主要目标是为用户提供流畅、高质量的在线视频观看体验。在描述中...
3. **兼容性问题**：虽然现代浏览器普遍支持`background-size`等属性，但在老版本浏览器中可能需要额外处理（如使用`filter`）。 4. **用户体验**：确保背景图不会影响主要内容的阅读性和可访问性。 #### 五、实践...
在网页开发过程中，尤其是涉及到浏览器兼容性问题时，开发者经常会遇到一些特定于某浏览器的棘手问题。在本文中，我们将深入探讨一个IE浏览器特有的问题：`window.onresize`事件的多次调用与死循环bug，以及如何有效...
6. **浏览器兼容性**：由于提到“只支持FF等高版本浏览器，IE浏览器下暂时无效果”，这表明项目可能依赖于某些不被旧版IE支持的CSS3特性。开发者可能使用了Modernizr这样的库来检测浏览器特性，或者使用渐进增强或...
兼容：支持大部分主流浏览器，比如 IE、Firefox、Safari、Chrome、Opera ver 4.0.4 (2011-12-11) 新增: 阿拉伯语语言包。 改善: 上传文件时显示上传中提示。 改善: JSON解析失败时，通过弹出层显示服务器返回...
/* 兼容IE6,7,8 */ } ``` 4. **jQuery实现弹出与关闭** 使用jQuery，弹出层的显示和隐藏可以通过`.show()`和`.hide()`方法轻松实现。同时，我们可以添加动画效果，如淡入淡出，增强用户体验。示例代码如下： `...
总的来说，由于浏览器安全策略和跨平台兼容性的限制，直接通过 JavaScript 或 jQuery 实现窗口最大化并不总是可行的。对于那些期望在任何情况下都能最大化窗口的用户，开发者可能需要寻找其他解决方案，如使用全屏...
检查浏览器类型及版本号，仅在IE浏览器且版本号不低于4的情况下，调用`window.external.AddFavorite()`方法将当前页面添加到用户的收藏夹。 ### 13. 关闭窗口并提示信息 ```html ; window.close();">关闭 ``` **...
本资源包主要包含三类js实现的功能：图片滑动效果、树形控件以及图片展示功能，且这些功能已经过优化，能够兼容Firefox（FF）和Internet Explorer（IE）两大主流浏览器。 首先，图片滑动效果是网页设计中常见的动态...
兼容各浏览器JS+CSS水平和垂直无缝图片滚动效果代码 12.漂亮暖色调js+flash平滑过渡大屏图片切换的广告代码 13.实用国外JS内容选项卡DEMO下载 14.推荐通用文字图片JS不间断滚动封装类 代替Marquee 15.站长...
在JavaScript中，DOM元素的尺寸和位置是通过一...同时，需要注意的是，不同的浏览器可能会有不同的实现方式，因此在实际开发中，可能需要考虑浏览器兼容性问题，使用条件判断或者库如jQuery来确保跨浏览器的一致性。
在FF和Chrome等现代浏览器中，可以直接用这个事件来判断图片的加载状态。 - 使用onreadystatechange事件：这种方法主要适用于IE浏览器。在IE6中，可以通过onreadystatechange事件直接判断图片的状态。而在IE7及更高...
支持的浏览器: IE 7.0+, Firefox 3.0+, Chrome 2.0+, Opera 9.5+, Safari 3.0+ 注：ExtAspNet基于一些开源的程序ExtJS, HtmlAgilityPack, Nii.JSON, YUICompressor。 示例: http://extasp.net/ 开源: ...
支持的浏览器: IE 7.0+, Firefox 3.0+, Chrome 2.0+, Opera 9.5+, Safari 3.0+ 注：ExtAspNet基于一些开源的程序ExtJS, HtmlAgilityPack, Nii.JSON, YUICompressor。 示例: http://extasp.net/ 开源: ...