<!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">
<!--
.mydiv {
background-color: #FFCC66;
border: 1px solid #f00;
text-align: center;
line-height: 50px;
font-size: 12px;
font-weight: bold;
width: 300px;
height: 100px;
left:50%;/*FF IE7*/
top:50%;/*FF IE7*/
margin-left:-150px!important;/*FF IE7 该值为本身宽的一半 */
margin-top:-50px!important;/*FF IE7 该值为本身高的一半*/
margin-left:0px;
margin-top:0px;
position:fixed!important;/*FF IE7*/
position:absolute;/*IE6*/
_top: expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/
_left: expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollLeft + (document.documentElement.clientWidth-this.offsetWidth)/2 :/*IE6*/
document.body.scrollLeft + (document.body.clientWidth - this.clientWidth)/2);/*IE5 IE5.5*/
}
-->
</style>
</head>
<body>
<div class="mydiv">网页设计大本营欢迎你!<br/>Q群号:26868887</div>
<div style="width: 1500px; height: 1500px;"></div><!--大div,只是使页面出现滚动条以便观看效果 -->
</body>
</html>
分享到:
相关推荐
弹出层遮罩层效果(包括居中、不随滚动条滚动)
JS+CSS 实现遮罩居中弹出层(随浏览器窗口滚动条滚动) 本文将详细介绍使用 JS 和 CSS 实现遮罩居中弹出层,并且随浏览器窗口滚动条滚动。该弹出层能够在浏览器窗口中居中显示,且随着浏览器窗口的滚动而滚动。 ...
CSS实现完美垂直居中 - 蓝色理想
别人打开我的网页,下方的滚动条始终是居中,也就是不像一般网页在最左边, 因为我的主画面就是在最中间,然后菜单分布在左右,可以拖动鼠标左右看。 否则别人打开这个网页的时候,就只能从最左边开始看,而不能先...
类似于网络游戏的商品切换滚动条,皮肤切换滚动条,自动居中离中心最近的Item,居中Item进行缩放,明暗变化。
js+css 实现遮罩居中弹出层(随浏览器窗口滚动条滚动) 代码如下: <!doctype html> <head> <meta charset=”utf-8″ /> <title></title> <style type=”text/css”> *{}{margin:0;...
JS+CSS 实现弹出居中背景半透明 div 层的方法 在 Web 开发中,弹出居中背景半透明 div 层是一种常见的交互效果,通过 JavaScript 和 CSS,我们可以轻松实现这种效果。在本文中,我们将详细介绍如何使用 JS+CSS 实现...
CSS3 块元素居中方法详解 CSS3 块元素居中是前端开发中一个常见的问题,解决这个问题有多种方法,这篇文章将详细介绍块元素居中的各种方法。 首先,我们需要了解块元素的类型,块元素可以分为三种:定宽块元素、...
支持横向纵向循环滚动和滑动居中,支持任意锚点布局(没有锚点限制),3种居中效果(不回弹,回弹,双向回弹)Grid(布局)不依赖任何脚本可以单独使用,不锁定子物体随意排序。WrapCententy(循环+居中)
css 半透明全屏蒙层 全屏屏蔽 内容绝对居中
CSS解决未知高度的DIV垂直居中CSS解决未知高度的DIV垂直居中
我们在制作网页时,有时需要多重div的重叠,每个div添加不同的内容,以实现特殊的层叠效果,这个如何实现,在网上没找到现成的详细的教程,但是可以用现有的...源代码+自己写的教程,希望对初学div+css的朋友有启发。
弹出层(遮罩层)弹出页面垂直居中,一个不错的例子,可拿来使用。
DIV+CSS 图片垂直居中效果
明锋工作室整理常用资料。本次资料是一个自动居中插件,只要设定div长度和高度,其中的图片会自动铺满容器并且自动居中。很简单好用。并且该自动居中插件支持IE6、IE7、IE8、IE9、IE10、CHROME、FIREFOX、OPERA。
CSS+DIV写的,上下固定高度,中间自动适应高度满屏布局的页面~~写了好久的。ie6还有点问题。。。 兼容IE7,IE8,FF,Opera,Safari,谷歌浏览器 ------------------------- 附送一个 DIV垂直居中的页面~~~
css图片垂直居中方法
包含两个页面和一张百度网址的二维码图片,index-flex.html展示的是flex布局绝对居中写法和遮罩层点击空白处关闭的方法一。index-transform.html展示的是利用transform属性偏移进行绝对居中和遮罩层点击空白处关闭的...
jQuery.UI.Impromptu.js jQuery 弹出层 浮动层 提示框 并随页面滚动而滚动 实现弹出层不再难,只要引用jQuery.UI.Impromptu.js这个js文件后,想要弹出哪个tag都行了 如:我想要这里是弹出浮动遮罩层</div> 并随页面...