DIV悬浮CSS如何居中?javascript(JQ)

1类似登陆框,如何让1悬浮居中。
(顺便问一下,当1显示出来的时候,如何让2变黑,无法点击?)

给1设置一个宽度和高的 假如是500*400;给1设置绝对定位 然后设置left和top都为50%;再设置margin-left:-250px;margin-top:-200px;就可以居中了,然后设置z-index层级为99.让2变黑的话就添加一个mask层,设置一个div的标签名为mask。设置position为fixed;并设置他的left,top,right,bottom值都为0.然后设置background-color:#000;opacity:0.2;z-index:98;用js设置弹出1的时候显示mask就可以了
温馨提示:内容为网友见解,仅供参考
无其他回答

div+css在网页中怎么居中,要上下左右都居中的那种,不要那种jq,jsp写出 ...
<\/style> <div>让层垂直居中于浏览器窗口<\/div> 其实解决的思路是这样的:首们需要position:absolute;绝对定位。而层的定位点,使用外补丁margin负值的方法。负值的大小为层自身宽度高度除以二。如:一个层宽度是400,高度是300。使用绝对定位距离上部与左部都设置成50%。而margin-top的值为-150。ma...

div 上下左右居中
(screen.width-width)\/2 \/\/这是左右居中,说明:screen.width是获取屏幕的宽度,第二个width是区块本身的宽度(screen.height-height)\/2 \/\/这是上下居中 说明:screen.height是屏幕的高度,第二个height是区块本身的高度用JS或jQ实现的话就可以在不同分辨率的显示器下都是居中的,如果你只是想用CSS来...

如何实现两个div中心对齐呢 css 或js jq都行
你定位用对了 但是你的div1和div2 都没有对top和left定位,你可以加上.div1{position:absolute;top:0;left0;} .div2{position:absolute;top:25px;left:25px;}

使用js或jq控制一个div,当滚动到页面顶部的时候固定在顶部,离开可继续...
展开全部 代码:\\x0d\\x0a•$(function(){\\x0d\\x0a\\x0d\\x0a•\/\/获取要定位元素距离浏览器顶部的距离\\x0d\\x0a\\x0d\\x0a•var navH = $(".nav").offset().top;\\x0d\\x0a\\x0d\\x0a•\/\/滚动条事件\\x0d\\x0a\\x0d\\x0a•$(window).scroll(function(){\\x0d\\x0a\\x0d\\x...

两个并排浮动的div,怎么让一个div的高度(比较短的div)与长的一样
用jq实现 <div id="leftbox"><\/div> <div id="rightbox"><\/div> <script type="text\/javascript" src="https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.7.1\/jquery.min.js"><\/script> <script type="text\/javascript"> (function(){ if($("#left").height() > $("#right")....

鼠标悬停div改变另一个div样式,怎么写?两个div是分开的【如图】_百度知...
当鼠标放到div上,获取另一个div的class改变样式就行了,js和css都可以实现,很简答的,比如第一个div class叫h,要改变叫d,那么久是 css:.h:hover .d{background:#ff6a00;} jq:(".h").hover(function () { (".d").css("background", "#ff6a00");});...

html中怎样让一个浮动div不超出网页的(宽度)边界?
在写html最好去查找一个reset先放你的通用css文件里面【推荐yui】,一般都会有一个伪类clearfix清除浮动样式,这样就不会导致你的div高度塌陷,其他的也不会影响,,宽度的还,要不就是其他的js或者jq在重新设定了??所以你修改css也没有用??可以先设置border然后用firebug查看下具体什么影响到了 ...

用css做鼠标悬停,但鼠标在div上没有反应?
<meta http-equiv="Content-Type" content="text\/html; charset=utf-8" \/> <title>无标题文档<\/title> <style type="text\/css"> div1 { background: red;width: 100px;height: 100px;} div1:hover { color: yellow;} <\/style> <\/head> <body> <div id="div1">悬浮看效果<\/div>...

...css+div javascript jQuery ajax的学习顺序是怎样的啊 最好能详细...
首先要学会div+css 当然是在了解一些html的前提下。css比较好上手,一般情况用到的属性就那么些。比如说宽度 高度 浮动 margin padding 背景 字号 超链接。这些布局中,肯定会有一些JS效果,初期建议用网上的别人写好的修改或者直接用。等你css布局成熟了 就开始着手Js的了解吧。了解一下就学习jQuery就好...

在css中如何定义一个表格按照浏览器的大小自动调整上下居中?
上下居中本身CSS没有这个属性 你可以用JS来动态调整TOP 还有一种方法就是 你在外面用一个表格套上 在在TD里面放一个表格 把TD的属性设置为上下居中 *(好像默认就是) 这样就上下居中了 上面这个方法有点鸡肋 你选择下吧 恩 还有一种但是他不支持IE8以下的浏览器 就是把DIV的DISPLAY属性设置为TD的...

相似回答