小编HTM*_*ell的帖子

CSS z-index不起作用(绝对位置)

我试图使黑色div(相对)高于第二个黄色(绝对).黑人div的父母也有绝对的位置.

码:

#relative {
	position: relative;
	width: 40px;
	height: 100px;
	background: #000;
	z-index: 1;
	margin-top: 30px;
}
.absolute {
	position: absolute;
	top: 0; left: 0;
	width: 200px;
	height: 50px;
	background: yellow;
	z-index: 0;
}
Run Code Online (Sandbox Code Playgroud)
<div class="absolute">
    <div id="relative"></div>
</div>
<div class="absolute" style="top: 54px"></div>
Run Code Online (Sandbox Code Playgroud)

预期结果:

在此输入图像描述

html css css-position absolute

58
推荐指数
4
解决办法
17万
查看次数

如何在 Flutter 中将 DropdownButton 与 TextField 对齐?

我想在 aDropdownButton旁边垂直对齐a TextField

  Row(
    crossAxisAlignment: CrossAxisAlignment.start,
    children: <Widget>[
      DropdownButton<String>(
        ...
      ),
      Flexible(
        child: TextField(
          ...
        ),
      ),
    ],
  )
Run Code Online (Sandbox Code Playgroud)

目前的行为是:

在此处输入图片说明

如您所见,底线未对齐。我想这是由于身高差异而发生的。什么是解决这个问题的好习惯?(我猜没有使用固定高度)


我的最终目标是这样的:

在此处输入图片说明

在两条线和文字DropdownButtonTextField垂直对齐。

flutter flutter-layout

10
推荐指数
2
解决办法
4105
查看次数

如何使用跨浏览器支持制作掩码?

我知道如何在css中做一个掩码,但只有chrome和safari支持这个.这有什么替代品吗?

这是我的代码:

<div class="character">
    <img src="http://img194.imageshack.us/img194/3854/goldgladiator.png">
    <div class="green-mask"></div>
</div>
<style>
.green-mask {
    display: block;
    height: 200px;
    width: 508px;
    background: rgb(160, 255, 97);
    opacity: .3;
    position: absolute;
    top: 0;
    -webkit-mask-image: url(http://img194.imageshack.us/img194/3854/goldgladiator.png);
}
</style>
Run Code Online (Sandbox Code Playgroud)

我想让它支持跨浏览器.

css mask cross-browser

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

Flutter 中的滑动表单步骤?

我正在 Flutter 中创建一个注册表单,我希望用户完成步骤。每一步都应该以滑动效果过渡到下一步。例如,如果我在第 1 步,移动到第 2 步应该将表单向左滑动,我应该得到表单 2。然后如果我回到表单 1,它应该向右滑动表单。

这是一个插图: 在此处输入图片说明

我试图用多条路线做到这一点:

routes: {
    '/': (context) => HomePage(),
    '/step1': (context) => FormStep1(),
    '/step2': (context) => FormStep2(),
},
Run Code Online (Sandbox Code Playgroud)

然后提交:

Navigator.push(
    context,
    EnterExitRoute(exitPage: FormStep1(), enterPage: FormStep2())
);
Run Code Online (Sandbox Code Playgroud)

进出路线

但这也会使 App Bar 滑动,我只希望表单滑动。

dart flutter

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

如何检查我的服务器的上传和下载速度?

我买了一台服务器,我需要检查它的互联网连接(速度).

有一个简单的方法吗?

我用谷歌搜索但我找不到任何东西......

我这样做了:

<?php

$link = 'http://speed.bezeqint.net/big.zip';
$start = time();
$size = filesize($link);
$file = file_get_contents($link);
$end = time();

$time = $end - $start;

$speed = $size / $time;

echo "Server's speed is: $speed MB/s";


?>
Run Code Online (Sandbox Code Playgroud)

这是对的吗?

php performance monitor download

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

如何在ffmpeg中正确转换RTL字幕?

我正在使用以下命令从视频文件中提取字幕,并将其另存为vtt.

ffmpeg -i video.mkv -map 0:s:0 subs.vtt 2>&1
Run Code Online (Sandbox Code Playgroud)

它正在工作并输出字幕文件。问题在于 RTL(从右到左)语言(希伯来语、阿拉伯语等)。标点符号放错了位置。

为了您的方便,我将向您展示正在发生的事情的英文示例:

输入文本:

Is he alive?
-I don't know.
Run Code Online (Sandbox Code Playgroud)

输出文本:

?Is he alive
.I don't know-
Run Code Online (Sandbox Code Playgroud)

如果你想要希伯来语原文,它是:

输入文本:

??? ???
-??? ?? ????.
Run Code Online (Sandbox Code Playgroud)

输出文本:

???? ??
.??? ?? ????-
Run Code Online (Sandbox Code Playgroud)

如您所见,末尾的标点符号指向开头,反之亦然。我怎样才能避免这种行为?

ffmpeg webvtt video-subtitles

6
推荐指数
1
解决办法
342
查看次数

jQuery获取以字符串开头的类

选择器类可以是:

c-1
c-2
c-3
(etc...)
Run Code Online (Sandbox Code Playgroud)

选择器也可以有其他类,所以这里是一个可能的HTML示例:

<div class="foo c-2 foofoo"></div>
Run Code Online (Sandbox Code Playgroud)

我希望得到之后的数字c.在这种情况下 - 我会得到2.

我怎样才能做到这一点?

jquery class startswith

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

在Laravel 5.1上运行控制器构造函数之前的中间件?

我有一个使用tymon/jwt-auth软件包验证JWT用户的中间件:

public function handle($request, \Closure $next)
{
    if (! $token = $this->auth->setRequest($request)->getToken()) {
        return $this->respond('tymon.jwt.absent', 'token_not_provided', 400);
    }

    try {
        $user = $this->auth->authenticate($token);
    } catch (TokenExpiredException $e) {
        return $this->respond('tymon.jwt.expired', 'token_expired', $e->getStatusCode(), [$e]);
    } catch (JWTException $e) {
        return $this->respond('tymon.jwt.invalid', 'token_invalid', $e->getStatusCode(), [$e]);
    }

    if (! $user) {
        return $this->respond('tymon.jwt.user_not_found', 'user_not_found', 404);
    }

    $this->events->fire('tymon.jwt.valid', $user);

    return $next($request);
}
Run Code Online (Sandbox Code Playgroud)

然后我有一个控制器,我想将用户从中间件传递给控制器​​.

所以我在控制器上做了:

public function __construct()
{
    $this->user = \Auth::user();
}
Run Code Online (Sandbox Code Playgroud)

问题是,$this->usernull的,但我做这个控制器的方法时,它不是空.

所以:

public function __construct()
{ …
Run Code Online (Sandbox Code Playgroud)

php laravel laravel-middleware dingo-api laravel-5.1

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

Laravel 5.1 - Session regenerate every refresh

我运行了一个 Laravel 应用程序,并将会话存储在 redis 上。每次刷新页面时都会生成一个新会话(我可以使用 看到它keys *)并且会话的 cookie 也会相应地更改。

  • 我检查了 cookie 的到期日期,这是一个有效的未来日期。
  • 我在我的本地主机上运行它php -S,也在 CentOS 服务器上运行,两者都存在问题。

我的 session.php 文件:

return [

    /*
    |--------------------------------------------------------------------------
    | Default Session Driver
    |--------------------------------------------------------------------------
    |
    | This option controls the default session "driver" that will be used on
    | requests. By default, we will use the lightweight native driver but
    | you may specify any of the other wonderful drivers provided here.
    |
    | Supported: "file", "cookie", "database", "apc",
    |            "memcached", "redis", …
Run Code Online (Sandbox Code Playgroud)

php session laravel laravel-5.1

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

如何在 Flutter 中更改收音机的非活动颜色?

Radio在一个ListTile. 当ListTile被点击时,我改变Radio的价值。我不希望收音机可点击,所以我不提供onChanged回调:

ListTile(
  onTap: () => onChanged(template.id),
  leading: Radio(
    value: template.id,
    groupValue: checkedId,
  )
  ...
)
Run Code Online (Sandbox Code Playgroud)

这样做后,它Radio会变得“不活动”并将其颜色更改为灰色。该Radio有一个activeColor财产,但不为无效。

如果我为RadioonChanged属性提供了一个虚拟函数- 它会变为活动状态,但问题是我不希望它可点击,我只希望ListTile可点击(原因是 - 我希望能够取消选中Radio

此外,我只想更改那些特定Radio按钮的非活动颜色,而不是整个应用程序。

当前结果:

演示 1

结果onChange(单击时无法取消选中收音机):

演示 2

user-interface radio-button dart flutter

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