CSS控制层内内容垂直居中
2012-02-28 00:18
141 查看
CSS控制使层中的图像垂直水平居中显示,并淡出,使用Jquery
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title> New Document </title> <meta name="Generator" content="EditPlus"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <style type="text/css"> html,body{ height:100%; text-align:center; margin:0; padding:0; vertical-align:middle; } .test{min-height:100%; width:100%; background:#dddddd; text-align:center; display:block; } .inner{ position:absolute; top:50%; left:50%; margin:-155px 0 0 -155px; width:420px; height:315px; background:skyblue; border:1px solid #0066cc; line-height:315px; text-align:center; display:none; } </style> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script> $(document).ready(function(){ $(".inner").fadeIn(5000,function(){ }); }); </script> </head> <body> <a href="http://www.baidu.com"><div class="test"><div class="inner"><img src="1.jpg"></img></div></div></a> </body> </html>
相关文章推荐
- 通过CSS控制页面中的内容垂直居中的方法
- css控制一个div在其父级的div垂直居中显示
- 关于四块内容垂直水平居中的CSS笔试题
- css实现div内容垂直居中
- 两种CSS控制:fieldset垂直滚动和图片文字垂直居中
- 爱分享 css控制图片垂直水平居中支持IE6、IE7、IE8、FF等…
- 项目经验:css控制div内容居中
- 通过CSS控制垂直居中
- css控制一个div在其父级的div垂直居中显示
- 使用CSS使内容垂直居中的N中方法
- 通过css控制HTML文本框中的文字垂直居中
- css 在未知高度的容器内让内容垂直居中
- CSS控制DIV水平并且垂直居中
- css中设置div为透明,及内容垂直居中
- CSS控制文本垂直居中的技巧
- css控制元素垂直和水平居中
- css 中让多行内容垂直居中的方法
- CSS 设置导航菜单文字内容垂直居中
- CSS 控制div在页面中水平垂直居中
- 使用CSS让文本内容垂直居中