2 noonexx noonexx 于 2014.11.24 16:44 提问

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

比如,一个页面里的某一个div,或者其它,能占据整个的可见范围

2个回答

showbo
showbo   Ds   Rxr 2014.11.24 16:53

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>
jjfat
jjfat   2014.11.24 16:47

这个用CSS估计无法实现,你可以参考下面这个JS的实现方式:

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

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
js浏览器页面或页面元素全屏操作
js浏览器页面或页面元素全屏操作
针对html元素的全屏实现
这是个很棒的功能。一般我们都是直接针对网页来实现,等同与F11的功能。 但是今天发现个好玩的,可以针对某元素实现全屏⊙_⊙ 这就很6了,有了它我们就能实现类似元素视觉聚焦,如HTML5全屏等╮(╯▽╰)╭ 实现原理,主要靠浏览器提供的API支持 首先是w3c标准的 // 全屏 element.requestFullScreen(); // 退出全屏 document.exitFull...
如何使网页的div元素高度满屏
CSS3 引入了新单位:vw、vh、vmin、vmax。 (1)vw、vh、vmin、vmax 是一种视窗单位,也是相对单位。它相对的不是父节点或者页面的根节点,而是由视窗(Viewport)大小来决定的, 1代表 1%,视窗(Viewport)是你的浏览器实际显示内容的区域—,换句话说是你的不包括工具栏和按钮的网页浏览器。 vw:视窗宽度的百分比(1vw 代表视窗的宽
页面全屏,指定div全屏
火狐、谷歌、ie下javascript全屏,可整个页面全屏,也可指定某一元素全屏
点击按钮让浏览器指定内容全屏
从网上拔的代码传送门,其他主流浏览器没问题,我用IE11测试也没问题,其他版本没试过,360极速浏览器IE模式全屏只能占满浏览器内容区域(辣鸡浏览器模式毁我青春颓我精神)页面代码如下&amp;lt;body&amp;gt; &amp;lt;input id=&quot;Button1&quot; type=&quot;button&quot; value=&quot;开始全屏&quot; onclick=&quot;kaishi()&quot; /&amp;gt; &amp;lt;div id=&q
html如何让div元素铺满整个桌面
参考文章:https://www.cnblogs.com/zhangmei/p/6395547.htmldiv {   position:absolute;   width:100%;   height:100%; }上述的css会让你的所有div元素铺满整个桌面,为了避免这个div.one {   position:absolute;   width:100%;   height:...
js实现简单页面全屏
js实现简单页面全屏全屏效果为传入div元素全屏:代码块<html> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <body> <div style="margin:0 auto;height:600px;width:700px;"> <button id="btn">js控制
让body、Div占满整个浏览器的窗口
让HTML标签铺满整个浏览器的窗口,让DIV标签占满整个浏览器的窗口,让父级元素占满整个浏览器的窗口
利用js如何做到让页面全屏和不全屏功能
Element.requestFullscreen() 方法用于发出异步请求使元素进入全屏模式。 以下demo是页面进行全屏和正常屏幕的,你也可以用元素来进行全屏,当然 只有包含在顶层文档(top-level document)内部的标准HTML元素、元素和元素,以及拥有allowfullscreen属性的iframe的内部元素可以进入全屏模式。这意味着在frame内部的元素,以及obje
DOM元素全屏显示解决方案
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 th