1回答
我有4张图片和一张背景图片，我为每一张都写了一个模型。当我点击图像时，它在模式模式下打开，背景图像也会放大一点。在chrome dev工具中，我看到body中添加了一个名为.mode-open的新类，并且在css中添加了属性和值。 body.modal-open {
padding-right: 16px;
display: block; }
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto; } Link to Js fiddle 如何防止body元素背景中的图像放大？
浏览 21提问于2020-01-04得票数 0
回答已采纳
1回答
我有一系列使用div中的背景图片的网页。它们在台式机和移动设备上都能很好地工作，但在iPad上看起来却非常放大。有没有人能给我点建议，让我看看这里。我在想，像媒体查询这样的事情可能会有所帮助，或者我应该完全为了Ipad而避免背景图片？
浏览 1提问于2021-04-24得票数 1
1回答
在Safari中放大页面时，如果项目符号指定了图像，则图像不会随文本缩放。如果您放大FF中的页面，项目符号图像将缩放。
有没有办法在不使用背景图片的情况下在Safari中做到这一点？
浏览 0提问于2010-04-09得票数 0
2回答
我目前正在创建我的第一个网站，我即将完成。我在标题下使用了主体的背景图像。我发现我的每个页面都有一个问题，因为它们的高度都不同，所以我对背景图像的当前设置将图片放大以适合整个页面。我正在尝试做的是有一个背景图像集“粘性”。我的想法是，背景图像将直接在标题下，当向下滚动时，图像将最终到达屏幕顶部，然后保持固定。我认为通过这种方式，我可以将图片设置为只适合屏幕大小，而不是整个页面。
有什么建议吗？
浏览 1提问于2018-06-14得票数 2
下一页的背景为白色(左)和深灰色(右)。我检查了CSS，它有一个白色的背景图片和color: #FFF。我不明白他是怎么把它存档的。
如何做到这一点？
(如果放大web浏览器，这两种颜色本身也会放大。)
浏览 1提问于2010-05-06得票数 1
回答已采纳
1回答
当我将一张图片作为背景添加到我的HTML body标签中时，我得到了该图片的放大视图作为背景。如何使实际图像适合窗口作为背景图像？我试过了，但不起作用
<body background="home_back.jpg" class="img-fluid" alt="Responsive image" >
谢谢。
浏览 12提问于2017-02-05得票数 1
回答已采纳
1回答
我刚刚发现，如果我在上使用iOS (iphone和ipad)导航，它会向我展示->
如果我用Android打开它，它会向我展示这个(这是正确的) -> 。
所有的图片，在不同的页面，作为背景，有这个问题(在iphone上)，同样的页脚有一个背景图像。
就像如果在iPhone上所有的背景图像都是超级放大的。
我删除了缓存，我检查了我所有的CSS代码，我试图改变图片，什么都没有发生。
我还能做什么？
谢谢你的建议！
浏览 2提问于2020-10-06得票数 0
3回答
我有一些切换日志条目和一切工作正常，除了我的背景图片放大或退出，取决于我是在哪个条目。它似乎在较长的条目上放大更多，在较短的条目上放大。背景在我的CSS中的body标记下。
这是我的背景有问题。
body {
background-image: url("http://housedivided.dickinson.edu/grandreview/wp-content/uploads/2010/02/HD_4USCinfantryDetail.preview.jpg");
background-size: cover;
}
这是我的完整代码：
任何帮助都是非常感谢的。
浏览 3提问于2014-10-31得票数 0
回答已采纳
我有这个反应元件
import React, { Component } from 'react'
import Lightbox from 'react-lightbox-component';
const LightBoxTest = () => (
<div>
<Lightbox images={[
{
src: '../images/pic_01.jpg'
},
浏览 1提问于2019-02-18得票数 1
回答已采纳
1回答
有没有办法只在背景图片上使用transform: scale()？
我想做的是在hover上放大背景
html
<div class="square">
//Content in here
</div>
css
.square{
background: url('image goes here');
background-size: cover;
height: 50vw;
width: 50vw;
所以我不想让内容只缩放悬停时的背景图像
如果有人知道我能做到这一点，那就太好了
谢谢
浏览 20提问于2018-01-09得票数 0
回答已采纳
我正在考虑制作一个应用程序的第一个视图，就像这样:它只是一个基本的搜索视图，上面有一个EditText和两个Button。我希望背景图像放大和缩小时，用户停留在此视图，打字或什么也不做。
因此，我添加了zoomin.xml并将动画设置为视图。缩放是有效的，但唯一的问题是它正在缩放所有的东西。我知道这是因为我在xml的根元素中设置了背景图片，但我不知道如何使它只放大背景图片而不影响其他视图。
下面是我在root元素中的背景图像代码。
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
浏览 7提问于2015-02-03得票数 1
我有一个带有图像名称和按钮的数组。当我点击按钮时，背景图像就会被磨掉。所有的工作，但图片是有点放大，并没有缩放到屏幕大小。
import UIKit
class ViewController: UIViewController {
override func viewDidLoad() {
super.viewDidLoad()
}
var imagesArray = ["1", "2", "3", "4"]
@IBAction func changeBackgroun
浏览 4提问于2020-06-02得票数 1
回答已采纳
1回答
我得到了我同事的网页，还有css文件和许多图片。我需要将其中的一部分应用到我的jsp页面。我必须承认我在处理css方面没有任何经验。目前，我正在使用GIMP2编辑这些1像素宽的背景图像。这真的是脖子的疼痛。我必须猜测合适的图像大小，将其裁剪一点，然后在jsp中查看它…你有没有更好的方法来编辑这些1像素宽的图片？提前谢谢。
浏览 3提问于2010-07-06得票数 3
回答已采纳
2回答
我正在测试视差滚动效果，其中有一个背景图片，通过滚动，你可以看到图片的不同部分。问题是，当我放大页面时，图片会重复，这是丑陋的。我尝试过不重复；它只会使图片停留在一个角落，我尝试了背景大小:封面；这使得页面可以滚动到我不需要的边。
怎么处理这事？
编辑:很抱歉，我忘了发布代码。
HTML & CSS：
.parallax {
background: url("http://s1.picswalls.com/wallpapers/2014/02/19/latest-space-wallpaper_110926700_30.jpg") center fixed;
浏览 4提问于2015-12-29得票数 0
回答已采纳
1回答
我的头版上有一个背景图片，应该覆盖整个屏幕。
这是一幅相当大的图像，2560x1714
然而，大多数屏幕分辨率并不能与此相匹配。当高宽比达到最大值时。它开始放大图片，将其填充到屏幕的宽度。然而，当它这样做时，它会放大图片的顶部。
我需要它放大底部，因为这是我想要的焦点。
这是我想看到的图片：(基本上是海滩)
然而，当我使我的浏览器变宽时，它会“放大”到图像的顶部。
它完全可以改变我能看到的图像的多少。但我需要它与现在的相反。所以无论如何，海滩总是在屏幕的底部。
下面是我的标题的CSS：
header {
position: relative;
width: 100%;
mi
浏览 2提问于2015-09-11得票数 1
回答已采纳
1回答
css缩放图像
、、
假设我有一张1000x1000的图片。
有没有办法为一个300x300的表格设置一个背景图像，它可以在页面加载时放大，这样它就可以用2000 x 2000而不是1000 x 1000的大小显示图像的特定部分？
浏览 2提问于2012-04-06得票数 1
回答已采纳
我的网站的背景图片在Chrome和Safari中使用background-size: cover可以很好地调整大小，但当我在ipad或iphone上测试我的网站时，CSS背景图片真的被放大了，看起来很糟糕。我在这里读到了很多与此相关的其他问题，但没有一个能解决我的问题。
HTML
<div class="background">
</div><!--background-->
.background没有容器，是屏幕的100%宽度。
CSS
.background {
height:600px;
width:100%;
浏览 6提问于2014-03-03得票数 24
回答已采纳
1回答
有没有办法在css3 (在我的例子中是一个放大镜，例如用.picture和.picture:after)中创建一个图像，放在搜索表单的按钮中？我知道背景图片很容易做到，但我想知道你是否也能用普通的css3做到这一点？
提前感谢！
浏览 0提问于2014-08-02得票数 1
3回答
我想要一个响应式的网站。但我的问题是背景图片不能调整大小，当我放大或缩小时，它的内容会被放错地方。 <div id="background-image">
<div>
/* content here */
<div>
</div>
CSS:
#background-image {
background: url("/assets/beautiful-bg.png") no-repeat;
background-size: cover;
} 我的代码中缺少什么？
浏览 31提问于2020-08-17得票数 0
2回答
我正在写一个网站，我有一个问题。背景图片没有放大。这是一张图片：
HTML：
<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="reset.css">
</head>
<body>
<header class=&#
浏览 4提问于2020-10-10得票数 0
1回答
我有一个背景图片被放置在下面：
self.view.backgroundColor = [UIColor colorWithPatternImage:[UIImage imageNamed:@"v3_bg.png"]];
然而，当我在iphone的v3和v4中运行模拟器时，我的960x640图像不能正确缩放。谁能帮我解释一下为什么iPhone4模拟器没有使用全尺寸的图片，它看起来只是放大了v3显示的内容。
有什么想法？
浏览 3提问于2011-07-21得票数 1
回答已采纳
我有一个背景图像，是添加到UIScrollView放大启用。我试图添加额外的UIImage之上的背景图像，放大与背景图像？
这个想法是要有一个有多张扑克牌的背景，用户可以用小扑克牌看到整个游戏场，也可以放大整个背景，包括扑克牌，以便更好地查看扑克牌。
浏览 2提问于2013-08-07得票数 1
回答已采纳
2回答
我需要帮助才能让我的背景适合我。如果我使用全屏窗口，我想要整个图像显示和拉伸。
图像比我的显示器小，所以当我试图拉伸它时，它只会放大。我会给你看这张图片。
图片可以在这里看到：
到目前为止我的代码(CSS)：
body {
background-image:url(Ranger_with_Tusks_of_Killed_Elephant.jpg);
background-size:100%;
background-repeat:no-repeat;
height: 100%;
width: 100%;
}
它完全毁掉了我屏幕上的背景图像: 1920x1080
我怎
浏览 1提问于2014-11-08得票数 4
1回答
我在子视图(UIView)中有2个ImageView。我将前景图像的缩放比例设置为0.3点。
self.superImage_View.transform =CGAffineTransformMakeScale(1.3,1.3);
之后，当我点击调整大小按钮时，我再次改变了前景图像的缩放比例。
self.superImage_View.transform =CGAffineTransformMakeScale(1.0,1.0);
我还想将背景图像的缩放比例更改0.3点。我在背景图像上设置了收缩手势来放大/缩小，但问题是我找不到背景图像视图的比例。此外，如果背景图像视图被用户放大/缩小，在单击调
浏览 2提问于2016-04-23得票数 0
我正在开发一个有背景图像的应用程序，比如说ImageOcean(image1)，然后我想在上面放另一张图片，比如ImageShark(image2)，所以我想把鲨鱼放在用户用触摸把鲨鱼放到海里的地方。不仅他会放鲨鱼，我还想放大和放大。我看到了链接，它只有放大/缩小，移动，但没有旋转。我也需要轮换。
我没有什么可分享的，因为我刚刚开始，我不知道如何完成它。请与我分享任何教程或源代码的链接。
编辑
我在里面发现了旋转。现在我的问题是，在缩放后，如何得到X，Y和那里的大小值？
浏览 0提问于2015-04-01得票数 0
1回答
缩放效果到另一个视图
、、、、
我是否可以通过使用PHP来实现缩放效果，从而放大我单击的部分，并以可视方式将新视图添加到该部分？我想要的是有一个背景图片和一些可点击的区域，当用户点击一个特定的可点击部分，该部分将放大到一定程度，然后在放大视图中显示该部分，并在其上添加另一个视图。
我想要的是类似于的东西(点击血迹(不，我不是在撒旦教派，那本书是关于某种东西的虚构)。
这在PHP中是可能的吗？
感谢您的建议或任何方向的解决方案。
诚挚的问候,
加布里埃尔
浏览 0提问于2012-05-26得票数 1
回答已采纳
我想把我的背景图像放在中间，只重复左边的最后一个像素列，对右边和下面的最后一个像素重复同样的操作。所以如果你把它放大你会看到这个
-------------- repeat last pixel of the right of the picture to the right
| |
| |
--------------
^
浏览 0提问于2013-02-26得票数 7
2回答
如何复制此背景图像效果？
、、、
使用此示例：
我喜欢当你更大的打开浏览器的时候背景图片被放大的方式。但是如果你试图最小化浏览器，它也有一个最小的宽度。
我想复制这一点。谁能告诉我一个插件或代码，我可以用它将类似的东西插入到我的站点中吗？
浏览 1提问于2013-05-17得票数 0
我希望我的body标签使用的背景图像覆盖整个背景，而不是放大图像的某个特定部分。换句话说，我希望图像作为背景显示为完整的图片，而不是在任何地方被截断。下面是我当前body标记的CSS和图像：
body {
background-image: url("weather-background.jpeg");
background-repeat: no-repeat;
background-size: cover;
}
浏览 1提问于2016-03-12得票数 0
1回答
我有一张大图，上面显示了一张图片。现在，我想在该图像的顶部显示几个小条形图，每个条形图都有自己的轴，并定位在图像上的指定位置。
我已经尝试将更多的轴(带有透明背景色)添加到相同的图形。这基本上是有效的，但如果我现在放大或平移背景图像，小轴保持在与图形相同的位置上，因此它们失去了与背景图像上它们的位置的关系。
Matlab是否提供了更好的解决方案？
浏览 4提问于2012-04-24得票数 1
回答已采纳
当我将节点背景图像设置为SVG文件时，放大/缩小会更改背景图像。这就产生了丑陋的视觉效果。PNG没有这个问题。
这是一个具有SVG背景的节点
当我放大时，这是相同的节点。你可以看到图像也被放大了
浏览 40提问于2019-07-18得票数 1
3回答
我在这里做了一些搜索，并尝试了推荐的不同代码，但似乎都不起作用。如果这是一个基本的问题，很抱歉，但我对编码非常陌生。我正在尝试将一个图像居中并适合浏览器窗口。我需要使用什么代码？附言:这张图片不是我的背景图片。我正在更改背景的颜色，并希望此图像在背景图像的顶部。这是我的代码
<body>
<div id="clock">
<img src="images/clock.png" alt="">
</div>
</body>
我需要使用什么CSS代码来实现我想要做的事情？第一个图像是它在
浏览 0提问于2015-12-04得票数 0
1回答
我尝试在div中添加背景图片，但是图片没有显示在div中，但是背景图片工作正常。我遵循了几个教程来解决这个问题，但是没有人支持我解决这个问题。请帮我把这个problem.thank你修好。这是我的代码部分..
在jsp内部...
<div class="six">
<div class="six_one">
//some thing
</div>
<div class="six_two">
//some th
浏览 1提问于2018-08-26得票数 0
1回答
滚动、放大、背景
、、、
我有一张从顶角拍的赛马场的照片。我想把这张图片放大大约2倍。一辆车会在背景上移动，背景，因为它被放大了，应该全景并跟随汽车移动。
我已经成功地放大了一张背景图像，但我在让它跟随汽车时遇到了一点麻烦。
这就是我到目前为止得到的：
float height = (float) background.getHeight();
float width = (float) background.getWidth();
float newLeft = 0
float newTop = 0;
float newWidth =
浏览 0提问于2013-12-20得票数 0
如何放大和缩小包含背景图像的子视图的相对布局？
我可以放大相对布局，但相对布局上的背景图像位图是恒定的，并且不能缩放。
浏览 7提问于2016-01-28得票数 0
1回答
我正在使用KineticJS，并试图获得适当的缩放功能。我有一个层，我已经附加了一个原始尺寸的背景图像我想要的。
然而，当我放大(通过layer.setScale())时，我的图像在与其他所有内容一起放大时会缩小(留下暴露的白色区域)。
那么，即使发生这种情况，我如何才能让我的图像重复呢？下面是我用来添加图片的代码：
var imageObj = new Image();
imageObj.onload = function() {
var image = new Kinetic.Image({
image: imageObj,
width: width,
height
浏览 0提问于2012-06-10得票数 1
1回答
完整背景一页第一个div简介
、、、、
我有一个bug，我有一个与内容和背景图片介绍div的网页。一切都很好，只是在iphone上不行。
iphone上的图片可以完全放大，但在android上效果很好。这是介绍div的css代码：
#intro{
background: url('../images/index_pic.jpg') no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
o
浏览 1提问于2013-12-24得票数 0
我的笔记本电脑上有一张背景图片。但是图像太放大了。所以一半的图像没有显示在我的笔记本电脑背景上。我该怎么解决这个问题？这是天平的事吗？我试着重新调整到250*250，并将新的图像应用到背景中，但也是一样的。我正在使用Fedora 34联想笔记本电脑。
浏览 0提问于2021-06-03得票数 0
1回答
场景
我正在为一个客户建立一个网站，该网站在本地和外部工作良好的桌面，但在移动，它不工作，背景图像是非常放大。但是，当我使用chrome并将视图更改为移动视图时，一切都按预期工作。
这是一张应该是什么样子的图片。
这是一张它的样子的图片。
以下是标题元素的CSS。
.header {
position: relative;
width: 100%;
height: 100vh;
background: url("../img/header-2.jpg");
background-repeat: no-repeat;
backgroun
浏览 0提问于2018-01-25得票数 0
回答已采纳
1回答
我有一个宽度为800，高度为300像素的div。
我还有一个.svg图像，它被设置为这个div的背景图像，使用css3动画，我使这个图像从左向右滚动，无限期地(这是一个景观)和包装。
我想在这个div中间放一个圆圈，并使这个圆圈的内部“放大”背景。我很想要这个纯CSS。
我试过一些遮掩和剪裁，但似乎什么也做不到。
在当前的CSS规范中，这是可能的吗？JavaScript解决方案也是可以接受的。
这里有一张图片展示了我的意思：
如果你仔细看，你可以看到中间有一个圆圈，它会放大后面的云，就像透过放大镜看一样。
浏览 0提问于2014-02-04得票数 1
回答已采纳
1回答
我想实现的效果，放大的背景图像，就像它是做。
我有一个占据整个页面的div。这里我有一个全屏幕的背景图像。我需要使图像放大和缩小，或从左到右移动，我尝试使用keyframes这是我第一次使用它们，所以我不确定如何在背景图像上实现放大的效果。使用我的代码，div中的所有元素都会被放大和缩小，而不仅仅是背景图像。我怎样才能避免这种情况，只让背景图像放大，而不缩小和影响页面上的其他元素？
这是我的css：
#app {
position: absolute;
height: 100%;
width: 100%;
background-image: url('/img/cove
浏览 2提问于2016-10-26得票数 0
1回答
烦人的问题！
当我放大我的视图端口窗口(发生在Firefox，chrome中)，然后水平地向右滚动时，我的背景图像就会被剪裁。
这些图片最能描述正在发生的事情：
放大
图像的宽度仅限于视口。
变焦-问题不会发生
下面是我的css中的一些可能相关的部分：
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body{ width: 100%; }
header#header { width: 100%;
浏览 1提问于2011-01-19得票数 8
回答已采纳
我正在尝试向我的springboot应用程序中的jsp页面添加一个背景图像。 我的文件结构如下：enter image description here 我的css文件是这样的： header {
background-image: url(images/img1.jpg);
margin: 0;
height: 100vh;
} 但是，图片未加载。当我运行应用程序时。标题背景全部为黑色。我哪里做错了？
浏览 19提问于2020-06-30得票数 1
回答已采纳
我该如何实现这样的东西呢？(点击网站功能)
我已经有了一个模板，我想用这个来覆盖它。我知道如何在网页上弹出一张图片(我的意思是点击图片会放大它)。我尝试在网页上使用相同的逻辑，但不起作用。
此外，这只是我的经理要求我做的事情(我只有JSP、php和其他web技术的第一手知识).So，请帮帮我。不是那种家庭作业的问题。
浏览 1提问于2012-06-26得票数 0
1回答
我在我的ReactJS网站上使用了固定的背景图片。我在标题区域使用的图像被奇怪地拉伸(放大，只有一小部分图片可见)，尽管不同元素的相同CSS属性工作得很好。
App.js
return (
<div id="main">
<div id="header">
...
</div>
...
<div id="bg-img1" className="background_image">
...
App.css
#header {
background-i
浏览 5提问于2019-08-23得票数 1
我尝试用下面的方式在css中为元素添加背景图片
CSS
.datebox {
background-image: url("datebox.png");
background-size: 100%;
background-repeat: no-repeat;
}
JSP
<td class="datebox" valign="top"> <Table>......</Table> </td>
当我在FF中查看时，它显示正常。但在IE中，图像不会在单元格中填充完成。
非常感谢
浏览 2提问于2011-08-30得票数 1
1回答
我有一个div，宽度是100%。它有一个背景图像。我正在做一个放大效果与动画为背景图像。因此，它将不断循环放大的背景图像和放大。
div {
background-image:url('images/home-background.webp');
background-attachment:fixed;
background-size:cover;
background-repeat:no-repeat;
background-position:center center;
display:flex;
align-item
浏览 8提问于2022-07-21得票数 0
1回答
无论屏幕大小如何，如何很好地显示背景图像？
是否有首选的图像大小可供使用？
我正在尝试新的CSS3背景大小属性(cover)，但是我无法获得一个适用于小屏幕和大屏幕的结果。我也尝试了不同的媒体查询，但它没有工作。
我必须为不同的屏幕创建多个版本的图像吗？
小屏幕
大屏幕
正如你所看到的，在一个大屏幕上，它是放大的，所以它不再显示图片的主要部分。
怎么解决这个问题？
这张图片来自，我没有调整它的大小。
谢谢你的帮助。
浏览 3提问于2016-02-07得票数 1
回答已采纳
1回答
在我的网站上，我有一张背景图片，当我按下CTRL键的时候，图片最终会复制几次。我遇到过其他网站，他们的解决方案只是夸大了这个问题的信息。
我在我的网站上有一个评论部分，所以我的网站的长度可能是巨大的，所以这种方法是不实用的。我只希望图像保持不变，即使放大和缩小，因为任何其他解决方案都会极大地影响我的网站的外观。
如果有需要看到该网站的视觉表现，我试图解释什么，可以提供一个链接。
浏览 0提问于2012-10-06得票数 0
2回答
我正在使用我的网站的顶部“标题”div部分的背景图片。它是在CorelDrawX6上绘制的，并导出为.jpg图像，这意味着我无法在导出时准确设置高度和宽度。我想要实现的是让网页缩放背景图像到合适的高度。我想使用height:150px; width:100%，但因为它是这样应用于div的：
<div style = "height:150px;background-image:url('Design.jpg');">
我不能直接对图像应用样式。有谁有解决方案吗？
附注:我已经检查了许多“相关问题”，但没有找到答案。另外，请记住，我想要一个div的背景
浏览 0提问于2013-05-23得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
