css-如何让页面指定的元素全屏？？

问题描述

如何让页面指定的元素全屏？？
比如，一个页面里的某一个ｄｉｖ，或者其它，能占据整个的可见范围

解决方案

lightbox效果？

<!DOCTYPE html PUBLIC ""-//W3C//DTD XHTML 1.0 Transitional//EN"" ""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd""><style>.mask{position:fixed;left:0px;top:0px;width:100%;height:100%;background:#000;filter:alpha(opacity=50);opacity:.5}</style><div class=""mask""></div><div style=""height:2000px""></div>

解决方案二：
这个用ＣＳＳ估计无法实现，你可以参考下面这个ＪＳ的实现方式：

jQuery实现页面元素在浏览器中任何时候保持全屏展示效果

时间： 2024-12-24 11:58:36

css-如何让页面指定的元素全屏？？的相关文章

DOM元素全屏显示解决方案（续）

      前一篇中实现element全屏方案只适合单一的元素(元素里面不包含其他元素),但是如果里面有其他的元素呢?比如按钮之类的.如下图: 加上-webkit-full-screen{ width: 100%; height: 100%; } 之后全屏显示就变成: 1,button使用left和top来定位(左图).如果用bottom和right来定位(右图) 我们会发现element在全屏模式下尺寸和screen一样大了,但是element里面的子元素尺寸和位置设定还是原先的,这就为什么会

页面打开时短时间内全屏显示flash然后自动隐藏，在asp.net中如何实现啊（急）

问题描述 如题页面打开时短时间内全屏显示flash然后自动隐藏,在asp.net中如何实现啊?高手帮忙哦

DOM元素全屏显示解决方案

<script type="text/javascript"> function goFullscreen(id) { // Get the element that we want to take into fullscreen mode var element = document.getElementById(id); // These function will not exist in the browsers that don't support fullscr

How to Use HTML5 FUll Screen API（如何使用HTML5全屏接口）

原文链接:http://www.sitepoint.com/use-html5-full-screen-api/        如果你不太喜欢变化太快的东西,那么web开发可能不适合你.我曾在2012年末有写过Full-Screen API的介绍,并且当时就提到其实现细节可能会被修改,但是没有想到一年后我需要重写!本篇的所讲的内容也许不是最新的,但是非常感谢David Storey帮我重点归纳出近期技术方面的变化....        什么是Full-Screen API?        此AP

jquery实现的弹出层登录和全屏层注册特效代码分享_jquery

本文实例讲述了jquery实现多条件筛选特效.分享给大家供大家参考.具体如下: jquery实现的弹出层登录和无刷新切换全屏层注册特效源码,是一段非常适合现代审美观的网站登录和注册效果代码,本段实例主要表现在点击登录后在当前页面内弹出登录遮罩层,而点击注册链接时,在当前页面内无刷新显示全屏注册层效果,是一款非常实用的特效代码,值得大家学习. 运行效果图:                           -------------------查看效果 下载源码-----------------

VC对话框全屏显示及相应控件位置改变

一.简单对话框全屏显示方法 在OnInitDialog()中任意加入: 1.ModifyStyle(WS_CAPTION,0,0); //如果不想去掉标题栏,去掉该句. SendMessage(WM_SYSCOMMAND,SC_MAXIMIZE,0); 2.ShowWindow(SW_SHOWMAXIMIZED); 二.复杂一点的对话框全屏显示方法,随屏幕的分辩率而调节 void CMainFrame::OnFullScreen() { GetWindowPlacement(&m_OldWndP

《HTML 5与CSS 3权威指南（第3版·下册）》——第20章 20.1.2 指定个别元素不进行插入

20.1.2 指定个别元素不进行插入 在代码清单20-1的示例中,因为对页面上的h2元素使用了before选择器,所以该页面上如果有多个h2元素,则所有的h2元素前面都会被插入内容.如果想让其中一个或几个h2元素的前面不要插入内容时,应该怎么指定呢? 在CSS 2.1中,针对这个问题在content属性中追加了一个none属性值,使用方法如下代码所示. 通过这种方法,替h2元素增加一个类,然后替这个类起个名字,在这个类的样式指定中将content属性值设定为"none",然后在不需要插

web-查看页面指定元素的js代码，请问一下应该怎么做？。。。

问题描述 查看页面指定元素的js代码,请问一下应该怎么做?... 这里的url是http://www.lecai.com/user/login/?from=head_nav,我要的是要查看是<span id=""captcha_info"" style=""margin-left:0;"">点击输入框出验证码</span>相对应的js代码,最好有图文教程....在线等............. 解决方案

javascript full screen 全屏显示页面元素的方法_javascript技巧

一种最简单的方式,就是动态改变你想要全屏显示的部件的style,例如position变成absolute,height和width都设置成窗口大小,并且把背景颜色改成全白(为了遮住页面上其余的元素).这样网页上就只能看到你要突出的部件了,视觉上就等同于全屏.同时利用javascript监听键盘事件,一旦用户按了ESc退出键,就恢复原来的样子.部分代码如下: 复制代码 代码如下: document.onkeydown = function (event) {        var e = even