我有三张背景图片,全宽643px.我希望他们像这样出发:
顶部图像(12px高度)不重复
中间图像重复-y
底部图像(12px高度)没有重复
如果不让它们重叠(这是一个问题,因为图像是部分透明的),我似乎无法做到这一点,这样的事情可能吗?
background-image: url(top.png),
url(bottom.png),
url(middle.png);
background-repeat: no-repeat,
no-repeat,
repeat-y;
background-position: left 0 top -12px,
left 0 bottom -12px,
left 0 top 0;
Run Code Online (Sandbox Code Playgroud) 我只是用iOS 6.0和Xcode 4.5GM测试我的应用程序,我设置了这样的视图:
[self.view setBackgroundColor:[UIColor groupTableViewBackgroundColor]];
Run Code Online (Sandbox Code Playgroud)
因此,视图具有与公共表视图相同的模式.
这适用于iOS 4和5,但在iOS 6中它只是给我一个白色背景.
这是否已被弃用?如果是这样,我该如何更换它?
谢谢
我希望我的页面有一个从上到下的渐变背景.我希望背景像固定图像一样,渐变从当前浏览器视口的顶部延伸到底部,看起来与向上和向下滚动页面相同.换句话说,滚动时不会重复.它保持固定.
所以我想要的是:
滚动到底部后,你会看到这个
请注意,页面底部的渐变与顶部的渐变看起来完全相同.它从全黄色变为全红色.
我实际上能做的最好的是让渐变跨越页面的整个内容而不仅仅是可视部分,如下所示:
底部看起来像这样:
请注意,渐变跨越内容的整个长度,而不仅仅是当前可见的内容.因此,在页面顶部,您看到的主要是黄色,在页面底部,您看到的主要是红色.
我想我可以使用在y平面上拉伸并在x平面中重复的图像来解决这个问题,但我宁愿不这样做,因为如果可能的话,因为拉伸图像可能会导致块状,非粒状的渐变.这可以用CSS动态完成吗?
我正在尝试在CSS中创建一个多色圈来模拟一个幸运之轮,我尝试过使用线性渐变但它只是应用垂直穿过圆形div的颜色条而不是像被切割一样的彩色区域如果这是有意义的披萨?
这是我试过的代码:
background: -moz-linear-gradient(left, red, red 20%, blue 20%, blue);
Run Code Online (Sandbox Code Playgroud)
结果如下:
但我希望它看起来更像这样?:
这在CSS中是否可行,或者我将不得不使用背景图像(我宁愿避免使用它,因为它不像页面调整大小那样容易扩展等等)?
我有一个我正在处理的网站布局,它有一个主内容区域,然后在内容区域的四个角落的每个角落都有一个角落图形.整体效果是桌面吸墨纸.
这是我左上角的代码:
.corner-top-left { width:96px ;
height:96px ;
background:url("images/corner.png") no-repeat ;
position:absolute ;
top:-5px ;
left:-5px ;
z-index:3000 ;
}
Run Code Online (Sandbox Code Playgroud)
而不是制作四个单独的角落图像,我想做的(如果可能的话)是使用原始图像(corner.png)并使用CSS旋转它.
是否有跨浏览器兼容的方式来执行此操作?
非常感谢!
我有一个通过CSS设置的背景图像.
html {
background-image: url('../img/cello.jpg');
background-attachment: fixed;
background-size: 100%;
}
Run Code Online (Sandbox Code Playgroud)
我计划为网站的不同页面提供不同的背景图像:因此,文本在其上清晰可读非常重要.现在,我在中间的#main内容框中有一个半透明的黑色背景,以确保易读性:
#main {
background: rgba(0, 0, 0, 0.5);
}
Run Code Online (Sandbox Code Playgroud)
然而,我真正想做的是在整个背景图像上都有这种半透明的背景,因为黑盒看起来有点笨重.我已经尝试制作一个<div id=#tint>
包含整个HTML文档并给予#tint的rgba(0,0,0,0.5),但这根本不起作用 - 我可以得到任何改变或者我可以得到整个背景变成一个简单的灰色,根本没有可见的背景图像.这根本不可能吗?
如果我关闭我的Ionic/Cordova应用程序(iOS和Android),是否可以运行后台服务?
为此,我选择了插入https://github.com/katzer/cordova-plugin-background-mode
到目前为止我有这个代码:
$ionicPlatform.ready(function () {
cordova.plugins.backgroundMode.isEnabled();
cordova.plugins.backgroundMode.configure({
silent: true
})
............
///do some task
)}
Run Code Online (Sandbox Code Playgroud)
如果应用程序转到前台,它可以正常工作,但是一旦我关闭应用程序,我运行的任务也会停止.那么即使应用程序关闭,有没有任何解决方法/方法可以让我的任务运行?
编辑:
我还为iOS和Andorid添加了权限,但我得到了相同的结果.
编辑2:
我在后台尝试做的是编写自己的重要位置更改服务实现,因为没有适用于iOS和Android的Cordova或PhoneGap的免费插件.
我试图将此SVG代码的背景更改为透明而没有成功.我是SVG的新手,不知怎的,我无法在谷歌找到解决方案; 任何人都可以帮忙吗?
演示:http://jsfiddle.net/kougiland/SzfSJ/1/
<svg xmlns="http://www.w3.org/2000/svg" width="300px" height="100px" viewBox="0 0 300 100">
<rect x="0" y="0" width="300" height="100" stroke="transparent" stroke-width="1" />
<circle cx="0" cy="50" r="15" fill="blue" stroke="transparent" stroke-width="1">
<animateMotion
path="M 0 0 H 300 Z"
dur="3s"
repeatCount="indefinite"
/>
</circle>
<circle id="rotatingBall" cx="0" cy="50" r="15" fill="green" stroke="transparent" stroke-width="1" opacity="0.8"></circle>
<animateTransform
xlink:href="#rotatingBall"
attributeName="transform"
begin="0s"
dur="2s"
type="rotate"
from="0 20 20"
to="360 100 60"
repeatCount="indefinite"
/>
</svg>
Run Code Online (Sandbox Code Playgroud) 我的应用程序中有保密信息,所以当应用程序即将移动到后台时,我想用启动画面隐藏它们.
我在iOS6上运行应用程序.
我试图显示视图,applicationWillResignActive
但问题是它显示启动屏幕,即使用户滑动控制面板,例如.我希望它只在应用程序移动到后台时显示.
我尝试显示我的splashScreen,applicationDidEnterBackground
但它需要screenShot才能在动画期间恢复时显示信息.
这就是我想要的精神:
- (void)applicationDidEnterBackground:(UIApplication *)application {
[_window addSubview:__splashController.view];
}
Run Code Online (Sandbox Code Playgroud)