滚动CSS时图像内容全屏显示

文章/答案/技术大牛

发布

0回答

html、css、twitter-bootstrap-3

我的网站有多个选择器，我希望主页看起来像这样：-- Latest compiled and minified CSS --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.mi

浏览 6提问于2016-07-17得票数 0

回答已采纳

2回答

从上到下完全打印全屏覆盖，无需滚动

css、printing、overlay

作为标题，我在尝试创建CSS打印样式表时遇到了这个问题。当我尝试打印带有可滚动内容的全屏覆盖图时，只打印显示的内容，而忽略未显示的内容。我想知道如何使用CSS调整打印模式，使全屏覆盖具有与常规页面相同的行为(无论当前是否显示，都将打印完整内容)。

浏览 54提问于2020-07-24得票数 0

2回答

在MS <body>中启用全屏时不能滚动IE11

css、html、internet-explorer、fullscreen、html5-fullscreen

下面的内容可以滚动。用户可以通过F11或按钮(使用全屏-API)启用全屏模式。这在Chrome和FF中很好，但是在IE11中有问题。F11的全屏工作总是很好的。但是，使用javascript切换全屏模式会使我的页面在使用IE11时以缩小的宽度和高度放置在顶部底部。我的页眉和页脚保持原样。不幸的是，全屏不会在JSFiddle中切换，所以最好将代码复制到其他地方：以下是网站的两张截图。我给html一个绿色背景颜色，看看通过JS启用全屏<

浏览 2提问于2015-11-06得票数 5

3回答

如何有一个非固定的全屏背景图像？

html、css、background、fullscreen、stretch

我知道的存在有一个全屏背景图像，无论是CSS3还是绝对定位和100%的高度/宽度。然而，所有这些技术都会产生固定的背景图像，这意味着如果有一些内容比需要滚动条的屏幕大，则在滚动时背景图像将保持不变。是否可以将背景图像步移到页的宽度/高度，而不是屏幕

浏览 8提问于2011-07-20得票数 0

回答已采纳

2回答

使滚动到导航栏下的内容不可见，但导航栏透明的方法

css

我不知道该怎么做：基本上，我希望页面的内容滚动并消失在导航栏的底部。我知道我可以让导航栏变得不透明，也可以使用背景图像，但我宁愿只有一个全屏

浏览 3提问于2012-10-08得票数 0

回答已采纳

3回答

背景-附件:修复了jquery mobile phonegap无法工作的问题

javascript、jquery、html、css、cordova

如何设置不随内容滚动的背景图像？我使用的是jquery mobile和phonegap。我尝试使用background-attachment: fixed，但图像不能全屏显示。<div data-role="page" class="background">我的css：background-image: url(..

浏览 1提问于2014-03-05得票数 2

1回答

100%高度覆盖div的全屏背景图像

css、background-image

基本上，我想使用全屏背景图像，然后在左侧的logo和nav后面覆盖一个div (在链接的图片中，这是中间的灰色区域，周围有红线)，无论滚动与否，它都将始终具有100%的高度。我认为我能做到这一点的唯一方法是对垂直重复的灰色区域使用背景图像，然后为全屏背景图像创建div，并更改z索引以获得所需的分层。我在overlay div中使用的css是：{ left: 360px;

浏览 0提问于2011-12-08得票数 0

回答已采纳

1回答

图像有限滚动

javascript、html、css、image、position

我正在开发一个移动网站，一个全屏图像将显示为一个浮动层，一旦网站被加载。答:我的移动网站包含了很多超出窗口高度的内容。页面加载后，全屏图像显示为内容顶部的浮动层.图像超过了窗口的高度当用户向下滚动时，他可以看到图片的下部，但不能看到网站的内容。无论用户如何向下滚动，图像的底部都不应与屏幕底部分离。另外，在B种情况下，如果用户

浏览 1提问于2013-10-12得票数 6

回答已采纳

4回答

CSS:背景图像

html、css

使用CSS，我如何才能使页面的背景图像在我向下滚动页面时不会移动(保持不动)？文本和其他元素显然应该移动，但我希望背景图像保持不变。同样使用CSS，我如何使背景图像适合用户的全屏显示？例如，一个4000px x 3000px的背景图像显然不会完全显示在大多数用户的屏幕上，我如何才能使它缩小，而整个背景图像将显示在用户的屏幕上？

浏览 47提问于2014-06-11得票数 -7

1回答

使用CSS在全屏背景图像后显示内容。

html、css、background-image

我正在尝试在全屏背景图像之后显示内容(在图像下面，当我们向下滚动)。我决定使用CSS3技术：background: url('images/body-bg.jpg') no-repeat center center fixed; <div class="content">My content starts from here<&#

浏览 4提问于2014-06-19得票数 0

回答已采纳

2回答

固定的背景和可滚动的文本滑块

html、css

我正在尝试创建一个网页与固定的全屏背景图像和文本或内容滑动到固定的网页时，我滚动。就像这个网站，https://tokoshie-bullet.com/，有一个固定的视频或gif部分，文本和内容滚动。我只需要一些关于如何在HTML中布局它的基础知识，以及我可能需要在CSS中使用选择器的位置，或者如果我必须使用javascript。

浏览 32提问于2020-11-09得票数 0

回答已采纳

2回答

如何在html中添加两个独立的背景？

html、css

我想做一个网站，当它加载时，有一个全屏图像，当你向下滚动它有一个白色的背景，其中包括我的所有关于和联系信息。我该怎么做呢？我创建了一个名为"top-background“的div，其中包含图像的源代码，并且在我使用的css中 z-index: -100;width: 100%; top: 0%;但是它不能全屏显示，也不能做我想做的事情。

浏览 15提问于2019-05-13得票数 0

2回答

在移动中可滚动时，V-触摸无法工作。

android、html、vue.js、vuejs2、hammer.js

AgendaBlock> </div> 如果我在内部div中评论overflow:auto，我的滑动函数可以正常工作，但是滚动不再工作了如果我取消评论，滚动工作，但滑动不起作用。为了避免这个问题，我尝试了许多方法，使滚动可能使用容器div，但它也没有工作。怎么啦？该怎么办呢？ps:滚动非常好的工作在pc上使用滑动，这个主题只是关于使滚动在移动上可能。

浏览 9提问于2017-05-03得票数 1

3回答

显示全屏图像100%的高度和100%的宽度，但能够向下滚动

javascript、jquery

我想要创建一个全屏图像，让我向下滚动页面，如苹果网站在这里。 .content { width:100%; background: url("http://america.aljazeera.commoz-backgroun

浏览 0提问于2013-10-21得票数 2

回答已采纳

1回答

区分tap和scroll - iOS

objective-c、ios、uiscrollview、uigesturerecognizer

我将图像嵌入到一个UIScrollView对象中。scrollView的方向仅为水平滚动，并且支持分页，以便一次滚动一张图片。我希望能够使图像通过另一个类全屏显示，当用户点击图像时(如在Facebook上)。问题是，我如何区分点击图像和滚动？我希望它滚动时，用户平移视图，并放大到全屏视图时，他们点击它。有什么建议吗？

浏览 4提问于2012-07-27得票数 2

回答已采纳

1回答

单点触控的照片/图像查看器

ios、image、xamarin.ios、photo、viewer

我用谷歌搜索了一下，但找不到一个简单的图像查看器类来在我的MonoTouch应用程序中使用。我不需要显示图像缩略图，也不需要一个完整的相册(有多张照片)。我只需要一个图像查看器来显示一个UIImageView，允许常见的全屏/缩放操作。

浏览 0提问于2013-03-03得票数 12

回答已采纳

2回答

我想做一个全屏图像，直到我滚动。

html、css、image、fullscreen、muse

下面是我试图将这个全屏图像应用于：的页面你可以看到他的形象是全屏的，直到他卷轴。我把这个网站在Adobe中作为添加的信息。

浏览 1提问于2014-09-18得票数 6

回答已采纳

2回答

带卷轴的div进入全屏

html、css、fullscreen

如何用卷轴将一个div变成全屏？此代码可以工作，但不显示滚动条：<div id="full_screen"></div>#full_screen { width

浏览 2提问于2017-09-20得票数 0

回答已采纳

1回答

从固定宽度滚动到全屏图像

jquery、css

看起来是一个固定的图像，当你滚动时，它会全屏播放(我想让它作为图像)，然后，你就可以滚动其中的内容了。一旦内容结束，图像就会向上滚动。也是反向工作的！向下滚动大约一半的页面：

浏览 12提问于2020-02-14得票数 0

回答已采纳

3回答

在文本滚动时保持背景位置

javascript、html、css

我希望我的网页顶部有一个全屏图像.当用户滚动时，一些文本行(几个标题)应该从底部滚动到顶部，图像保持在原处。在滚动了页眉之后，用户应该能够滚动图像到页面的主要内容。目前，我能够得到全屏图像和覆盖头在上面。当用户滚动时，我无法使图像停留在适当的位置。我目前只使用HTML和CSS，但我计划稍后在页面上使用javas

浏览 4提问于2019-11-18得票数 0

回答已采纳

点击加载更多