Ionic4:将图片大小作为封面提供给背景图片url

文章/答案/技术大牛

发布

2回答

angular、ionic-framework、ionic4

我想给离子工具栏背景图像，因为图像变得太大，所以我想使用image-size: cover作为背景图像，以便它最适合离子工具栏。我试着给下面的格式，但它不工作，任何想法如何让它工作。ion-toolbar { --background: url(assets/images/background/bg-header-flag.jpg) no-repeat cover;

浏览 8提问于2019-02-19得票数 1

2回答

Div背景高度100% (封面)

image、background

如何设置div背景图片为全高(作为封面)？ background: ##00aa77; background-image: url("../images/zenbg-1.png"), url("..

浏览 1提问于2015-04-14得票数 0

1回答

使响应式全屏背景图像具有固定按钮

html、css、background-image

首先，我想要一个响应式的全屏幕背景图像。我知道在网络上有很多教程，但在我的情况下，有一个固定的按钮在一个特殊的区域的图像是可以点击的，通过点击它，用户必须转到下一页！事实上，这个页面是我的网站的初始页面。我之前的解决方案是使用jQuery，我计算屏幕尺寸，并根据背景图像的大小变化： var height = $(window).height();有没有html css的解决方案？谢谢。

浏览 1提问于2015-02-21得票数 1

1回答

CSS位置div恰好位于某个图像点上

html、css、css-position

我有一个城市天际线的景观图像，这将填补用户的视窗在100%宽，与自动高度。我想过绝对定位元素(父级相对定位)，但当视口改变时，它们就会“偏离目标”。

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

2回答

Android浏览器中的网页-图像尺寸

android、jquery、html、css

我有一张1513x1079的图像，当我调整我的桌面浏览器的大小时，它的大小会变得很大。然而，当我在我的android手机上打开同样的网页时，除了图像之外，一切都显示得很好。整个页面可以正确调整大小，但没有图片。左上角只有一个很小的图片图标。HTML代码：<html> <meta charset="utf-8"/> <meta name = &

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

1回答

获取上传视频的封面图像

video、jwplayer

问题是我们如何为这些视频制作封面图片？这是我们需要从服务器端通过运行一些命令行实用程序来获取图像然后使用它来管理的吗？

浏览 9提问于2014-08-10得票数 1

2回答

我不知道如何调整我的图片大小，使其与封面布局相似，但我希望页面能够向下滚动，而不是一个叠在另一个页面上。我试过使用background-image: url("sample.jpg"), url("sample2.jpg");，但它们将图像堆叠在一起，而不是使页面滚动。我想要一个垂直滚动页面充满“封面”图像，如果这是有意义的？我不知道怎么解释它，我花了好几个小时搜索它，却什么也找不到？我仍然是相当新的网页开发，所以我希望我解释一切都好。

浏览 7提问于2020-07-05得票数 0

回答已采纳

2回答

是否对齐图像以适应封面背景图像的区域？

html、css

我有这个背景图片：我希望背景图像是封面图像，无论我如何调整浏览器的大小，我都需要计算出(计算)灰色框的坐标，这样我就可以将红色框放置在灰色框上，如下面的最终图像所示：下面是一些测试代码：body { height: 100%; background: url("https://i.ibb.co/b5v8P1Bno-repeat center top; bac

浏览 26提问于2021-05-26得票数 1

回答已采纳

2回答

SetBackgroundImage太大了UIButton swift

ios、xcode、swift、uibutton

我已经将图像作为背景图像放在UIButton上，并设置了VerticalAlignment，图像现在确实位于文本之上:)如下所示： button.imageView?.有没有可以设置按钮背景图片大小的.frame？

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

3回答

CSS背景封面

html、css、mobile、background

我有一个在CSS中完美完成的全屏背景，使用： background-image: url('..

浏览 3提问于2013-09-23得票数 4

1回答

缩小但不增加背景大小

image、css、background-image

background: #344b68 url(../..Background.jpg是我的网站背景图片，1080p分辨率(1920x1080)。在图像的边界上，它会淡入#344b68。在720p监视器上查看此图片将导致使用background-size: cover缩小图片大小，但在查看此图片时，例如1440p分辨率也会增加。

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

回答已采纳

1回答

全高覆盖背景与粘稠肚脐

twitter-bootstrap、bootstrap-4、sticky

我有一个粘稠的肚脐，想要增加一个完整的封面。我可以用这个作为封面：<body style="background: url(https://images.unsplash.com/photo-1660665416754-e0c780103b3c)屏幕(黑色图片是整页的封面)：我该怎么解决这个问题？自己尝试一下，请打开，并使用Chrome检查器将<body>更改为我前面提到的.

浏览 1提问于2022-08-17得票数 0

1回答