小编lin*_*ium的帖子

父DIV中的圆角不影响儿童DIV

所以,我正在尝试在CSS3中使用圆角(不是在IE中,不关心它是否在那里工作),而且我有DIV,我的所有内容看起来都很漂亮.我遇到的问题是,有些孩子的DIV没有被父母的圆角"遮盖".我不是在寻找孩子继承圆角.我只想让父母内部的任何内容在圆角处不可见,就像它被掩盖了一样.我尝试使用"overflow:hidden;",但这似乎没有办法.

有没有人有任何想法如何圆形角容器DIV的孩子可以被父DIV掩盖?如果它有用,我正在使用"position:absolute;" 在父DIV上.不确定这是否会有所不同.

谢谢!

html css hierarchy rounded-corners css3

9
推荐指数
2
解决办法
2719
查看次数

加载VTT文件时出现Crossorigin错误

我是新手,在HTML 5中使用音频标签,并希望建立一个播放器.我想在轨道标签中使用VTT文件进行测试,以查看隐藏式字幕的工作原理.

这是我的代码:

<audio controls>
    <source src="myaudio.mp3" type="audio/mpeg">
    <track kink="caption" src="myaudio.vtt" srclang="en" label="English">
</audio>
Run Code Online (Sandbox Code Playgroud)

根据我所读到的,跟踪应该适用于音频和视频,这从可访问性的角度来看是有意义的.什么是没有意义的是我试图加载它的错误:

"Text track from origin 'file://' has been blocked from loading: Not at same origin as the document, and parent of track element does not have a 'crossorigin' attribute. Origin 'null' is therefore not allowed access."
Run Code Online (Sandbox Code Playgroud)

在查看crossorigin属性时,我收到很多关于CORS和"anonymous"和"user-certificate"的预期值的令人困惑的文章.尝试要么导致类似的错误.

关于为什么这不起作用的任何想法?

html5-audio webvtt

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

在 Mixins 中使用传递的变量作为键/值对

我试图查找这个,但没有成功。我无法使用正确的搜索参数进行查找。

我正在 SASS 中创建一个 mixin,它将允许我通过从值到值传递动画名称来创建关键帧。下面是一个例子:

@mixin keyframes($name, $from, $to) {
    @-webkit-keyframes #{$name} {
        from {
            left: $from
        }
        to {
            left: $to
        }
    }
}
Run Code Online (Sandbox Code Playgroud)

这是一个较短的版本,因为我还会为 @-moz-keyframes 和 @keyframes 添加行。我更喜欢这种方法,这样我就不必在动画中重复“from”和“to”,并且让 mixin 只需使用 @content 抓取它,但我也不想假设“left”是唯一的将受到影响的财产。

我想做的是将 $from 和 $to 变量都视为对象,以便它们可以包含一系列键/值对。当我尝试这样做时:

$mixin keyframes($name, $from, $to) {
    @-webkit-keyframes #{$name} {
        from {
            $from
        }
        to {
            $to
        }
    }
}
Run Code Online (Sandbox Code Playgroud)

...我收到编译错误,因为它不包括键/值对而不是变量。

有没有办法告诉 SASS 将 $from 和 $to 视为一系列键/值对?我已经尝试过 #{$from} 并且它仍然抛出那个编译错误。

谢谢!

sass mixins

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

标签 统计

css ×1

css3 ×1

hierarchy ×1

html ×1

html5-audio ×1

mixins ×1

rounded-corners ×1

sass ×1

webvtt ×1