小编Sim*_*eon的帖子

在嵌入的视频上叠加透明背景

我有一个视频,我已经嵌入了全宽div面板.我试图在它上面叠加一个渐变,但我无法使它工作.我已经尝试调整z-index,将视频包装在另一个div中,并且 - 如下所示 - 添加一个覆盖类,但我必须遗漏一些明显的东西.

无论我尝试什么,视频都会跳回到其他面板的顶部(最终落后于它).

非常感谢你的帮助!

                <div class="videoContainer hide-for-small-only">
                    <div class="overlay"></div>
                  <video autoplay loop muted>
                        <source src="<?=URL?>public/videos/vid.mp4" type="video/mp4">
                        <source src="<?=URL?>public/videos/vid.webm" type="video/webm">
                  </video>
                </div>
Run Code Online (Sandbox Code Playgroud)

我的css是:

.videoContainer 
{

  position: absolute;
  width: 100%;
  height: 100%;
  //padding: 20px;
  border-radius: 5px;

  background-attachment: scroll;
  overflow: hidden;
}

.videoContainer video 
{
    min-width: 100%;
    min-height: 100%;
}
.videoContainer overlay {
    background: black;
    opacity: 0.5;
    position: absolute;
    z-index: 1;
    text-align: center;
    margin: 0%;
  }
Run Code Online (Sandbox Code Playgroud)

html css video overlay

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

在同一台 OSX 机器上使用多个开发环境?

我最近买了一台新 Mac(2015 MBP,带有 8GB RAM),我正在尝试同时使用 5 个不同的堆栈来设置开发环境。

  • 我之前使用过与此非常相似的LAMP设置- 我的许多旧(客户端)项目仍然基于使用 Foundation 和 Libsass 的 PHP MVC 框架。虽然我不想以这种方式创建新项目,因为我想了解更多信息,但我仍然需要能够快速轻松地维护这些其他项目。
  • 然后我在Python / Django中有一些数据项目。在我的旧 Mac 上,我通过 Virtual Box 使用了 Linux VM(我还没有并行等)。
  • 我还尝试学习使用gulp、browserify 和 React JS 来使用MEAN 堆栈,以及Meteor(它也有自己的服务器)和Ruby on Rails - 我想用这些进行更多开发,但不会失去从事其他项目的能力。

我的问题是,每当我之前切换到使用 MEAN 或 Rails 时,我都会搞乱 LAMP 和 Python 的文件监视/自动编译,并且我花了很长时间才切换回来。我真的很喜欢 browserify 的工作方式 - 例如自动编译 sass 文件/缩小,并自动刷新页面,但我在保持我的 python 服务器和 lamp 设置做同样的事情时遇到了问题。我显然做错了什么,我热衷于通过全新安装正确设置它。我可以在网上找到的所有教程都涉及设置单独的堆栈环境,但我找不到太多涉及将它们设置在一起的教程。

我认为为每个不同的堆栈运行单独的虚拟机会对性能造成太大影响,并且有些东西我想在多个堆栈上使用,例如自制程序。

因此,我的问题是,使用 docker 之类的东西将事物分开,与使用 homebrew 之类的东西在单个操作系统上将所有内容设置在一起相比,有什么具体优势?

我知道使用 virtualbox 在 docker 上进行文件监视并不那么容易 - 但我不确定是否要继续努力并找到解决方法或使用其他方式。

非常感谢 - 我已经坚持这个问题很多年了。如果我的问题不是很清楚,我很抱歉 …

ruby python django macos ruby-on-rails

5
推荐指数
1
解决办法
1565
查看次数

在java中引用数组中的值

使用Java拆分简单数组时,如何在不使用println的情况下引用特定值?

我有一个字符串分隔"||"- 我想操纵该字符串,以便我可以调用它的每一半并将每个位分配给一个新的字符串.如果这是php我会使用list()或explode(),但我似乎无法让变量工作.

我想要

  1. 将每一半临时数组的内容输出到屏幕和
  2. 加入这些部分message = temp[0]+ "-"+ temp[1];似乎不起作用.
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_display_message);
             if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.HONEYCOMB) {
            // Show the Up button in the action bar.
             getActionBar().setDisplayHomeAsUpEnabled(true);
           }
    Intent intent = getIntent();       
    String message = intent.getStringExtra(MainActivity.SENTMESSAGE);

    //The string is (correctly) submitted in the format foo||bar
    String delimiter = "||";
    String[] temp = message.split(delimiter);

    //??? How do I output temp[0] and temp[1] to the screen without using println?

    //This gives me a …
Run Code Online (Sandbox Code Playgroud)

java eclipse android

4
推荐指数
1
解决办法
89
查看次数

npm install -g 中的 -g 标志是什么意思

我有兴趣了解 -g 标志的含义。

当我npm install -g bower grunt-cli在终端中输入时,出现错误:

'bower ESUDO         Cannot be run with sudo'
Run Code Online (Sandbox Code Playgroud)

如果我输入 ,我会得到同样的错误sudo npm install -g bower grunt-cli。我尝试在不使用 sudo 的情况下卸载并重新安装所有内容,但仍然遇到相同的错误。-g 是否意味着 sudo?如果是这样,我不明白为什么!

我尝试在谷歌中寻找 -g flags/tags/options 等,但我仍然不确定这个标志的作用!

谢谢

node.js npm bower

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

标签 统计

android ×1

bower ×1

css ×1

django ×1

eclipse ×1

html ×1

java ×1

macos ×1

node.js ×1

npm ×1

overlay ×1

python ×1

ruby ×1

ruby-on-rails ×1

video ×1