标签: background

背景图像周围的空白

背景图像周围出现空白。

在此输入图像描述

代码如下:

.class-of-div{

background: #00b5ff url(../img/cart.png) no-repeat;

background-position: 34px 4px;
}
Run Code Online (Sandbox Code Playgroud)

所有浏览器都会出现这种情况

css photoshop whitespace background background-image

3
推荐指数
1
解决办法
3万
查看次数

查看后台进程的输出

我正在 Debian 上测试用 C 编写的路由算法。在算法源文件中,我将标志设置为 1 以在标准输出上打印路由决策。问题是:运行该文件的进程是后台进程。我怎样才能看到标准输出?

c linux background stdout process

3
推荐指数
1
解决办法
2万
查看次数

背景图像的最佳实践

我有一个大的背景图像,我正在尝试使其工作。我使用 CSS 定位它,除了 IE 之外,它在其他地方看起来都很好。由于某种原因,我在所有版本的 IE 中进行了测试,它在底部留下了一个大的白色间隙。

我想知道是否有我不知道的最佳实践。

预先感谢您的任何帮助。

图像尺寸为 2500 像素 X 1500 像素

body
{
margin:0px;
background-image: url(../img/main_bg_2.jpg);
background-repeat:no-repeat;
background-position:center; 
}
Run Code Online (Sandbox Code Playgroud)

我已经尝试过这种方法,它也有效,但图像填充大约 700px 比其余部分在所有浏览器上都是白色的。

body
{
margin:0px;
background-image: url(../img/main_bg_2.jpg);
background-size:100%,100%;
background-repeat:no-repeat;
}
Run Code Online (Sandbox Code Playgroud)

css background

3
推荐指数
1
解决办法
9123
查看次数

应用程序使应用程序屏幕变慢

我正在制作一个基本的应用程序,用户可以在其中检查他们的“用餐余额”,我设法通过解析正确的网页来做到这一点。

我的应用程序工作得很好,但我发现当我退出它时,当前正在运行的应用程序屏幕(Android 应用程序管理器)在显示我的应用程序时变得非常慢,甚至滞后。

我尝试使用以下方法终止我的应用程序,以便应用程序在退出时不会在后台运行,但它不起作用:

@Override
protected void onStop() {
    super.onStop();
    android.os.Process.killProcess(android.os.Process.myPid());
    System.exit(0);        
}

@Override
public void onBackPressed() {
    super.onBackPressed();
    finish();      
    System.exit(0);
}`
Run Code Online (Sandbox Code Playgroud)

所以现在,我试图弄清楚为什么“当前应用程序”屏幕由于我的应用程序而变慢。我的应用程序没有在后台执行任何操作,它只是闲置。这里是新手。

performance android background android-background

3
推荐指数
1
解决办法
1114
查看次数

在最后一帧停止完整的背景视频

我想在最后一帧停止完整的背景视频,这样它看起来就像海报图像。

这是我的 html 字符串:

      <video class="video" preload="true" autoplay="autoplay" loop="loop" muted>
          <source src="C:/Users/Paolo/Desktop/site/video/yo.webm" type="video/webm">
      </video>
Run Code Online (Sandbox Code Playgroud)

我是新手,所以我有点菜鸟:P

html css video jquery background

3
推荐指数
1
解决办法
9775
查看次数

背景附件固定镀铬滞后

我的网站上的镀铬设计再次出现问题。滚动时不会损失 fps 且页面上不会出现延迟。我已经绕了很多圈才发现问题的真正罪魁祸首是属性background-attachment: fixed;

我尝试使用此页面的解决方案来解决,但对我不起作用。

https://petersproblems.wordpress.com/2014/12/06/background-attachment-fixed-causing-lag-when-scrolling/

我想使用background-attachment: fixed;,没有延迟,有什么解决办法吗?

CSS:

body {
    margin: 0 auto;
    background-image: url(imagen/fondo.jpg);
    background-repeat: repeat-x;
    background-attachment: fixed;
    background-position: top center;
}
Run Code Online (Sandbox Code Playgroud)

css background google-chrome lag

3
推荐指数
1
解决办法
3549
查看次数

chrome.runtime.onMessage 在后台脚本中未定义(chrome 扩展)

我正在尝试创建一个 chrome 扩展,但由于某些原因,有时 chrome.runtime 对象似乎不完整,并且缺少很多方法(包括 onMessage,这是我想要的)。

\n\n

似乎有时有效,有时无效。我认为这可能是一个与时间相关的问题,但我不明白为什么我不能简单地在后台创建消息侦听器?

\n\n

我的背景脚本:

\n\n
setTimeout(function () {\n    console.log("gogo!");\n    chrome.runtime.onMessage.addListener(\n        function(request, sender, sendResponse) {\n            console.log(sender.tab ?\n                        "from a content script:" + sender.tab.url :\n                        "from the extension");\n            if (request.type == "tab") {\n                console.log("tab!");\n                sendResponse({status: "ok"});\n            }\n        }),\n    2\n});\n
Run Code Online (Sandbox Code Playgroud)\n\n

其中“chrome.runtime.onMessage”未定义。

\n\n

谢谢!

\n\n

Edit2:我构建了一个更简单的原型,但它再次失败。现在我真的很困惑。这是我所拥有的:

\n\n
$tree\n.\n\xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 manifest.json\n\xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 src\n\xe2\x94\x82\xc2\xa0\xc2\xa0 \xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 background.html\n\xe2\x94\x82\xc2\xa0\xc2\xa0 \xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 background.js\n\xe2\x94\x82\xc2\xa0\xc2\xa0 \xe2\x94\x94\xe2\x94\x80\xe2\x94\x80 test.js\n\xe2\x94\x94\xe2\x94\x80\xe2\x94\x80 vendor\n    \xe2\x94\x94\xe2\x94\x80\xe2\x94\x80 jquery.js\n\n2 directories, 5 files\n
Run Code Online (Sandbox Code Playgroud)\n\n

清单.json 文件:

\n\n
{\n    "manifest_version": 2,\n\n    "name": "test",\n    "description": "test",\n    "version": "1.0",\n    "author": "test",\n\n …
Run Code Online (Sandbox Code Playgroud)

javascript background google-chrome google-chrome-extension

3
推荐指数
1
解决办法
5244
查看次数

在 CSS 背景上分层多个渐变

我想创建一个具有两个渐变的背景 - 彼此层叠。

我创建了下面的示例,似乎我无法将多个渐变放在一起。(该示例是基于MDN-Using multiple backgroundMDN-gradient创建的)

.radial-gradient {
  background: radial-gradient(red, yellow, rgb(30, 144, 255));
}
.linear-repeat {
  background: repeating-linear-gradient(45deg,
      blue, blue 5px, white 5px, white 10px);
}
.combined-gradient {
  background: radial-gradient(red, yellow, rgb(30, 144, 255)), 
    repeating-linear-gradient(45deg, blue, blue 5px, white 5px, white 10px);
}
Run Code Online (Sandbox Code Playgroud)
<div class="radial-gradient">radial gradient</div><br/>
<div class="radial-gradient linear-repeat">linear gradient</div><br/>
<div class="radial-gradient linear-repeat">combined gradient 1</div><br/>
<div class="combined-gradient">combined gradient 2</div>
Run Code Online (Sandbox Code Playgroud)

也许以下约束会阻止分层渐变:

只有最后一个背景可以包含背景颜色。

如果不允许将两个渐变分层作为背景,我应该如何以其他方式分层它们?

css gradient background

3
推荐指数
1
解决办法
5148
查看次数

“BGAppRefreshTask”与“BGProcessingTask”理解时序

我试图理解Apple文档中处理\xe2\x80\x9c 需要几分钟 \xe2\x80\x9d 的过程,而刷新他们说的BGAppRefreshTask过程之间的区别和处理位置BGProcessingTask的 \xe2\x80\x9cshort 请求之间处理位置task.\xe2\x80\x9d 我正在 HealthKit 中迭代锻炼,这需要不到一分钟的时间,所以我应该使用 BGAppRefreshTask 吗?

\n

background ios swift background-task

3
推荐指数
1
解决办法
2488
查看次数

无法更改 SwiftUI 中视图的背景颜色

我正在尝试更改此视图的背景颜色,但无法做到这一点。我尝试将背景(Color.green)放在HStack、VSTack甚至ZStack上,但它不起作用,不确定我是否放在正确的位置。默认情况下,它采用手机或模拟器颜色,即白色,但我想应用自定义背景颜色我的 Xcode 版本是 11.5

struct HomePageView: View {
    @State var size = UIScreen.main.bounds.width / 1.6
    
    var body: some View {
        GeometryReader{_ in
            VStack {
                HStack {
                    ZStack{
                        // main home page components here....
                        NavigationView{
                            VStack {
                                AssignmentDaysView()
                            }.background(Color.lairBackgroundGray)
                                .frame(width: 100, height: 100, alignment: .top)
                                .navigationBarItems(leading: Button(action: {
                                    self.size = 10
                                    
                                }, label: {
                                    Image("menu")
                                        .resizable()
                                        .frame(width: 30, height: 30)
                                }).foregroundColor(.appHeadingColor), trailing:
                                    Button(action: {
                                        print("profile is pressed")
                                    }) {
                                        HStack {
                                            NavigationLink(destination: ProfileView()) {
                                                LinearGradient.lairHorizontalDark
                                                    .frame(width: 30, height: 30)
                                                    .mask(
                                                        Image(systemName: …
Run Code Online (Sandbox Code Playgroud)

background ios swift swiftui swiftui-navigationlink

3
推荐指数
1
解决办法
8502
查看次数