如何在css中设置页面的全宽和全高渐变背景？

文章/答案/技术大牛

发布

4回答

jquery、html、twitter-bootstrap、css

我刚刚从here下载了bootstrap的示例页面它被设计成没有滚动条，整个内容只有一页。现在，我还找到了使用动态梯度转换器here的示例我想使用bootstrap封面页上的梯度转换器。bootstrap封面页面有css： html, height: 100%; background-color: #000000;{ height: 800px; margin: 0px

浏览 41提问于2016-09-15得票数 1

回答已采纳

2回答

Live cycle图像字段与页面边齐平

adobe、livecycle、livecycle-designer

我正在尝试让livecycle图像字段正好对着它所在的页面的一侧。似乎无论我做什么，我总是在图像和页面边缘之间留出一点空间。这是一张图片，你可以看到这个问题：谢谢!

浏览 6提问于2013-11-15得票数 0

3回答

CSS中1个固定背景+1个平铺背景

css

我的目标是一只蜘蛛正从它的后台的网中下来。我需要网络图像(一条简单的垂直线)来瓦片在蜘蛛，而蜘蛛图像坐在底部。

浏览 1提问于2010-03-19得票数 0

1回答

使背景图像适合div

css

我正在使用下面的css来使div始终在屏幕上显示全尺寸， .container{ top: 0; bottom: 0; /*border: 1px solid black;*/ } 然而，只显示了背景图像的一部分，如何在不改变背景图像的纵横比的情况下对其进行拟合

浏览 29提问于2018-12-29得票数 0

回答已采纳

3回答

在%中设置大小时不显示背景图像

css、angular、background

我想将背景图片设置为角4分的整页。我的app组件中有"main“组件。现在我想设置全宽和全高页面的背景图像。但是当我以像素为单位设置宽度和高度时，它会显示图片。当我以%为单位设置高度和宽度值时，它不会只显示图像。我怎么才能修复它？

浏览 1提问于2017-12-15得票数 0

1回答

全宽HTML5视频问题

css、html、video、width

我正在寻找一种方法来做一个全宽(但不是全高)的HTML5视频。示例：谢谢!

浏览 2提问于2013-04-16得票数 0

3回答

如何使用CSS3实现此效果？

html、css

如何使用CSS3完成 (谷歌徽标下方和Nexus图像(看起来像一条带有微妙渐变的线条)上面的那个)。

浏览 2提问于2011-04-18得票数 0

回答已采纳

2回答

表:tr和渐变不起作用

html、css、html-table、gradient

我想将表行背景填充为x百分比。 <tr id="tr3"> <td>2</td> </tr> CSS

浏览 1提问于2015-06-22得票数 0

4回答

没有滚动条的图像的全宽和全高

html、css

在我的HTML文件中，我只有一个图像标签。我通过代码设置了source属性，并希望将此图像设置为全宽和全高。图像本身附加了这个CSS width: 100%;}html, body {} body

浏览 1提问于2018-10-12得票数 0

1回答

复选框元素乱七八糟

html、css

type="checkbox" value="">Science</div> 如何使用CSS

浏览 5提问于2017-01-24得票数 0

回答已采纳

4回答

垂直拉伸背景图像而不是按比例拉伸，而不仅仅是覆盖--这可以实现吗？

javascript、jquery、css

编辑:答案是允许背景图像根据身体的大小改变其高度。如果主体是500px高，它应该是100%宽，500px高。或100%宽2500px高。也许我错过了这条船，但我正在试图弄清楚如何让我的背景图像缩放页面。最终用户不希望背景图像是静态的(封面)，但图像应该随着他网站上的内容变得越大而缩放。如果你需要一个例子

浏览 1提问于2013-05-30得票数 1

回答已采纳

1回答

网页内部区块的Youtube视频背景

javascript、youtube、youtube-api

我想在我的网页中使用JavaScript设置YouTube视频作为块的背景。在那里，我需要在全宽模式下播放视频。此外，我需要给选项，如自动播放，循环和静音。我有一个脚本，我可以给出循环和自动播放功能的背景视频，但不能给出全宽和静音功能。在我的脚本中，我生成了一个类似以下示例代码的iframe <iframe width="420" height="315" src="http:/

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

1回答

Twitter Bootstrap 3模式下的响应表在移动设备上无法向下滚动

html、css、twitter-bootstrap、responsive-design

您可以在这里看到一个示例：如果您单击表中的球员名称，则会打开一个模式，但在移动设备(或至少是iPhone 4)上，您不能滚动到模式的底部。谢谢

浏览 0提问于2014-01-27得票数 6

2回答

如何将背景图片设置为全屏

html、css、background-image

我想设置一个背景图片到我的html页面。/xhtml1-transitional.dtd"> <link type="text/css" rel="stylesheet" href="css/style.css

浏览 2提问于2015-06-22得票数 1

1回答

从页面中心开始不断增长的“爆炸”光照动画

css、css-animations、keyframe

使用CSS，我想用动画的径向渐变圆来扩展整个页面的长度和宽度(全白)，然后反转这个动画(返回到原始状态)。这应该看起来像是从中心开始逐渐“爆炸”的白色，一旦达到全宽/全高，就会逐渐淡出到完全白色，但是我的白色背景过早地开始过渡。我该如何实现这一点？

浏览 14提问于2019-10-31得票数 0

回答已采纳

2回答

如何在css中设置电子邮件模板的全宽和全高

html、css

这是我的left.html，我试过width:100%;，问题是，我使用的是模板，它都有<table>。css： height:100% !important; table{ } 有没有人可以帮我，怎么设置？

浏览 2提问于2015-06-12得票数 3

2回答

到目前为止，应用程序运行得很好，现在我们正在考虑为不同大小的浏览器窗口使用“媒体查询”条件CSS脚本。我们的想法是，当用户从iPhone/Android/Windows phone等移动浏览器访问我们的应用程序时，他们可以看到全宽和全高。问题是，我们希望在iPhone背景上设置重新调整应用程序窗口的大小&目前背景位置是固定的。我已经尝试了几千次重新调整宽度和高度，并且能够重新调整宽度，但不能重新调整高度。

浏览 2提问于2012-03-07得票数 1

1回答

next.js中的div高度不是100%.

css、next.js

我在next.js中设置页面样式时遇到了问题。我想要有全高的页面。因此，我在body和html标签中设置了height属性，这是可以的，并且我可以为body和html标签设置全高(在开发工具中得到了验证)，但是虽然我将#__next height设置为100%，但我无法实现它的全高如果我应用其他测量，如px或vh，它会受到影响。layout.<e

浏览 1提问于2019-10-20得票数 7

1回答

奇怪的jquery iframe高度显示

jquery、iframe

我在iframe load上调用了以下方法： $("#content").css("height", ""); var iFrameHeight = $('iFrame').contents().height(); var iFrameWidth = $('

浏览 0提问于2012-02-23得票数 0

1回答

如何为透明的PNG文件添加背景？

terminal、imagemagick

我正在尝试添加一个PNG文件作为背景的PNG图像与透明区域使用ImageMagick如下： convert input.png -texture bg.png output.png 到目前为止，我还不知道如何将背景填充到100%的宽/高，因为上面的示例不起作用。如何在整个文件中应用使用全宽/全高的背景？(最好使用封面方法，这意味着保持背景的纵横比和剪切重叠)

浏览 50提问于2021-08-16得票数 0

回答已采纳

点击加载更多