window.onresize = resetDiv;
function resetDiv(){
//浏览器宽度
var sWidth = document.documentElement.clientWidth;
//浏览器高度
var sHeight = document.documentElement.clientHeight;
//设置对象
var obj = document.getElementById('div_login');
//设置的高度和宽度减去DIV自身的高度和宽度
var w = sWidth/2-100;
var h = sHeight/2-100;
obj.style.marginLeft=w+'px';
obj.style.marginTop=h+'px';
}
<body onload="resetDiv();">
分享到：
相关推荐
在探讨“div+css浏览器兼容问题”这一主题时，我们首先需要理解，浏览器兼容性问题主要源于不同浏览器对Web标准的解析和实现存在差异。这不仅包括主流浏览器如Chrome、Firefox、Safari、Edge以及IE（尤其是IE6）之间...
在网页设计中，创建一个固定在页面底部的漂浮导航条是常见的需求，它能确保用户在滚动页面时始终保持导航可见，提供便捷的导航功能。本文将深入探讨如何使用CSS和DIV来实现这样一个多浏览器兼容的固定底部导航条。 ...
Web前端开发中，浏览器兼容性问题一直是一个棘手的话题，特别是在CSS、JavaScript和HTML的实现上，不同的浏览器可能有不同的解析和渲染方式。以下是对这些问题的深入解析和解决策略。 首先，CSS兼容性问题是一个...
在网页设计中，确保网页在不同的浏览器上呈现一致性是一项挑战，尤其是在处理`div+css`布局时。本文将深入探讨如何使CSS样式兼容IE6、IE7、IE8、IE9以及Firefox、Chrome等现代浏览器。 1. **DOCTYPE声明的影响**： ...
这种技术允许用户在滚动表格时，保持特定的行或列始终可见，提高用户的浏览体验。 首先，我们需要理解“行列锁定”的概念。行锁定（Row Locking）指的是在表格滚动时，将表头（thead）固定在顶部，以便用户始终能...
浏览器兼容性问题一直是Web开发中的一个痛点，尤其是在处理IE6和Firefox这两个有着显著差异的浏览器时。以下是对这些兼容性问题的深入分析和解决方案。 首先，我们关注的是IE6中的`a`标签链接问题。在IE6中，如果`a...
- **position: fixed**：设置元素的定位方式为固定定位，这意味着当用户滚动页面时，该元素会始终保持在同一位置上。 - **text-indent: -999em**：隐藏按钮内的文字，使其不显示在界面上。 - **width: 19px; height:...
在Web开发中，浏览器兼容性始终是一个绕不开的话题。由于不同浏览器对Web标准的解析和实现存在差异，同一段代码在不同浏览器下的表现可能大相径庭，这直接影响了用户体验的一致性和网页的可用性。本文将深入探讨...
导航固定是指在用户滚动页面时，导航栏始终保持在页面顶部的一种布局方式。这种布局方式能够提高用户体验，让用户在浏览页面内容的同时也能方便地进行页面跳转。为了实现这一效果，通常会采用CSS中的`position: ...
【CSS入门教程：IE和Firefox浏览器CSS兼容性技巧】 在网页设计中，CSS（层叠样式表）扮演着至关重要的角色，...持续学习和实践是保持与时俱进的关键，因为新的浏览器版本和CSS特性不断推出，兼容性挑战也会随之变化。
4. **浏览器兼容性处理**：为了确保代码在不同的浏览器中都能正常工作，可能需要使用像`jQuery`这样的库来处理浏览器差异，或者使用`Feature Detection`技术检查浏览器支持的功能。 5. **动画效果**：为了让广告更...
当表格容器（通常是一个 `div`）滚动时，表头始终保持在视口顶部。可以使用以下代码实现： ```javascript $(window).scroll(function() { var scrollTop = $(this).scrollTop(); $('#tableId thead').css({ '...
在网页设计中，"div固定在屏幕顶部"是一种常见的布局技术，主要用于创建固定导航栏、滚动条或者其他需要始终保持在视口顶部的元素。这个技术主要利用CSS（Cascading Style Sheets）中的`position`属性来实现，使得...
居中显示意味着无论用户窗口大小如何，焦点图始终保持在视口中心。 实现居中显示的方法主要有两种：CSS Flexbox和CSS Grid。但考虑到浏览器兼容性，我们可能需要借助JavaScript来确保老版本浏览器的支持。以下是一...
这些只是众多浏览器兼容性问题的一部分，解决它们需要深入理解各浏览器之间的差异，并灵活运用各种技巧和解决方案。持续关注 W3C 规范更新、使用工具如 Autoprefixer 和 Babel 进行自动化转换，以及测试工具如 ...
【JavaScript 弹出层实现与浏览器兼容性处理】 在网页设计和开发中，弹出层是一种常见的交互元素，用于展示信息、提示用户或接收用户输入。JavaScript 是实现弹出层动态效果的重要工具，通过它可以创建可拖动的弹出...
标题中的“悬浮固定DIV”指的是在网页设计中实现一个Div元素始终保持在浏览器窗口的某个位置，即使用户滚动页面也不会离开视线。这通常通过CSS和JavaScript来实现。 描述中提到的"悬浮固定DIV_demo"是一个示例，...
网页漂浮代码是一种常见的网页设计技术，用于在页面上创建始终可见的元素，即使用户滚动页面，这些元素也会保持在屏幕的某个特定位置。这种效果常用于广告、通知、聊天窗口或者导航菜单，以提高用户体验并保持关键...
- 对于固定表头的div，设置`position: absolute`或`fixed`，以及适当的`top`值，使其始终保持在页面的某个位置。 - 对于滚动表体的div，设置`overflow-y: auto`以启用垂直滚动条。 - 使用`z-index`属性确保表头...