Tag: 背景图像

Cocos2d和iPhone：视差背景多纹理地图集提供了许多内存警告: 我想解决的问题是：我有6个条纹，我需要以不同的速度移动。 2048 * 2048的纹理表单是不够的，为了解决这个问题，我把图像分成两部分（上半部分和下半部分），所以每个条纹正好是960 * 640像素。一般的algorithm是为每个条纹分配一个上下半部分，并在每一帧中移动它们，确保在退出用户视图时将它们重新放置在屏幕的顶部。在本书的ShootEmUp示例中，我的类实现是对ParallaxBackground的直接修改，在使用仪器运行和分析时给出了太多的内存警告。请看下面的分析： OpenGL分析：活动监视器：令我担心的是在这两个分析中都有大量的内存警告（分别是24和5）。编辑：下面你可以find解释解释的评论

IOS的iPhone 4s不重绘dynamic图像，最初是在视口之外: 我一直在遭受一个错误：我正在做类似如下的事情： $container.on('touchmove', function(){ $container.trigger( 'lazyload.appear'); }); $img.one( 'lazyload.appear', function(){ var that= this; var $self= $(that); $self.css('background-image', "url('real.path.to.img')" ); }); 但是，在iOS上，当初始位于视口之外时，重新绘制背景图像似乎存在问题。当我拖动手指时，直到图像在视口中，除非我释放手指，否则图像不会被涂在屏幕上。我试图以实时为目标，所以我希望一旦我做了触摸移动，图像就会被显示出来，但是当它最初在视口之外时，它会被触摸显示。但是，console.log输出背景图像在释放手指之前已经改变。当图像在视口内时，重新绘制很好，当我拖动手指时，它会立即重新绘制。这似乎是一个错误，或者我错过了什么？感谢您的帮助！

CSS背景延伸到Safari浏览器，但不是在iOS上: 这个CSS成功地拉伸了我的背景图片，以填充100％的屏幕区域，而不是在Safari上滚动，但不在iOS上滚动。我怎样才能防止在iOS上滚动的图像？ body { width: 100%; height: 100%; padding: 0; margin: 0; border: 0; background: url(../img/background.jpg) center repeat-x; background-size: auto 100%; background-attachment: fixed }

CSS背景延伸到填充iOS的高度，但滚动上有空白: 这个CSS得到我的背景填充在iOS的100％的屏幕高度，但有一个小问题 – 当你向下滚动最初是空白，然后当你松开你的手指，并停止滚动背景图像“调整”，并填充100屏幕高度的百分比再次。如果您继续滚动，只是第一次，问题不会重新出现在同一页面上。有人可以帮忙吗？谢谢 #background { background: url(../img/background.jpg) center repeat-x; position: fixed; background-size: auto 100%; top: 0; left: 0; right: 0; bottom: 0; z-index: -1 }

修复了iOS中某个网站（div）的背景: 我想有一个固定的位置背景图像，只覆盖整个屏幕的一部分我的网站（实际上是两个部分，但独立，所以没有区别）。我在该部分的容器DIV上使用此CSS： #wrapper { background-image: url(../img/bg1_IMG_1509.jpg); background-position: center center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; } （注意：我使用的是单独的属性，而不是简单的background希望这可以与更多的设备和浏览器兼容，但似乎不是这样。）这在所有的桌面和浏览器中，以及在android上的一些浏览器上或多或less地工作，但在iOS中完全不起作用。在iOS中，背景不仅被滚动，而且还被垂直拉伸，使得背景图像的高度覆盖整个DIV，其在移动设备上具有很多内容并变得相当高，导致看到更多或在屏幕上放弃的像素更less。所以，既不fixed也不cover工作。我知道/已经阅读了iOS的固定位置解决scheme的答案，该解决scheme在<body>标签中使用了position: fixed的DIV和全屏背景图片。但是我不想在整个机构上这样做，而只是在两个（独立的）部分，在这种情况下，解决方法是不能使用的。

背景图像在iOS中不能正确显示: 我在网站上使用了一个可以打印的背景图片。该网站在所有桌面浏览器中都很棒，但是当我在iPad Mini（运行iOS 6.1.3）上查看网站时，背景图片中有条纹。您可以在大多数页面上看到一个图案（背景图片的大小），看起来很好，然后再次看到相同大小的背景图片等等。以下是显示问题的屏幕截图：这是背景所需的CSS： #wrap { margin:0 auto; position:relative; padding:0; background: #B3B1B2 url(/images/bgs/parchment2.jpg); } 我试图清除iPad的caching，但没有奏效。为什么会发生这种情况，我感到不知所措。我如何预防和解决这个问题？更新我创build了一个jsFiddle的包装。它在网站上看起来不错。所以我只能假定它在我的代码中。但是，这并不总是立即发生在网站上。这可能发生在小提琴，但我没有看到它发生。如果这是我的网站我如何跟踪导致问题的代码？更新2 我改变了背景图像的html, body标签和问题仍然发生，但没有那么糟糕，将自己清除。我仍然想知道如何一起阻止这个问题。更新3 我尝试了@Freezebreaker的切换到PNG的想法。这没有奏效。我仍然看到线。它也大大增加了背景文件（从30k到几乎200k）。我也尝试了一个完全不同的背景图像，认为它可能是图像本身，但我仍然看到了错误。为了考虑文件大小，我切换回了jpg。我如何解决这个问题？这是一个iOS问题或在我的代码中的东西？有问题的网站是http://www.lfrieling.com/ 。我只能在运行iOS 6.1.3的iPad Mini上看到这一点（本文最新）。我没有看到我的iPhone运行相同版本的iOS上的这个。你也可以在长页面看到比其他页面更多的内容。请参阅专家>资源。

iOS 5 setBackgroundImage不起作用: 我在Xcode 4.2 Build 4D199中创build了一个新的testingiOS5项目，并试图设置上面描述的UINavigationBar的外观，但没有任何反应。我在viewDidLoad试过的代码： [[UINavigationBar appearance] setBackgroundImage:[UIImage imageNamed:@"navbar-iphone.png"] forBarMetrics:UIBarMetricsDefault]; 唯一可以让它工作的方法是在UINavigationBar的实例上设置外观。喜欢： [self.navigationController.navigationBar setBackgroundImage:[UIImage imageNamed:@"navbar-iphone.png"] forBarMetrics:UIBarMetricsDefault]; 到底是怎么回事？其他人遇到过这个问题吗？

当应用程序在后台运行时，以编程方式更改iPhonelocking屏幕: 我正在开发一个iphone应用程序，我必须改变lockscreen图像编程应用程序运行在background.I有很多东西说这是不可能的，但有一个应用程序，请让我知道如何实现这一目标。谢谢。

iOS 8 NavigationBar BackgroundImage: 在iOS 8中，只有iPhone和iPad尺寸以及纵向和横向的概念发生了变化，因此设置导航栏背景图像的function不尽相同。目前我使用下面的代码： UIImage *NavigationPortraitBackground = [[UIImage imageNamed:@"nav-image-portrait"] resizableImageWithCapInsets:UIEdgeInsetsMake(0, 0, 0, 0)]; UIImage *NavigationLandscapeBackground = [[UIImage imageNamed:@"nav-image-landscape"] resizableImageWithCapInsets:UIEdgeInsetsMake(0, 0, 0, 0)]; [[UINavigationBar appearance] setBackgroundImage:NavigationPortraitBackground forBarMetrics:UIBarMetricsDefault]; [[UINavigationBar appearance] setBackgroundImage:NavigationLandscapeBackground forBarMetrics:UIBarMetricsCompact]; 小节度量部分从iOS 8开始已被弃用。当启动我的应用程序时，只需在iPhone 6或6 Plus上水平重复横条即可。我已经看过图像切片，但我不认为这是解决scheme。

iOS上的背景大小: 我已经花了早上在下面的问题上进行研究。我正在制作一个页面的网站，使用大量的图像。我知道，Safari浏览器被称为背景附件的奇怪处理：固定的，但这是工作正常; 我的问题是background-size:cover不与fixed 。我有5页，所有这些都有100％的height或min-height 。最后一页是这样修复的： #div5 { height:100%; width:100%; position: relative; background-image: url("img/background.jpg"); background-attachment:fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } 在iOS上（在Chrome和Safari中），背景图片都被缩放以覆盖整个网页，所以它确实被拉长了。同时，第4页有以下css： #div4 { min-height:100%; width:100%; background:url(img/portfoliobg.jpg); overflow: auto; background-size: cover; } 这就像一个魅力。所以，当fixed和cover相结合的时候，浏览器的行为真的很奇怪。有没有人有这个解决scheme？