小编tay*_*ano的帖子

我有一个视频,客户想要"无缝地"坐在网站上.视频的背景HEX颜色与网站的HEX背景颜色相匹配,并在某些浏览器中呈现,某些版本,某些时候？

最令人好奇的是Chrome以不同方式呈现视频背景,直到您打开颜色选择器.然后他们突然匹配.要清楚,它只在我打开颜色选择器而不是调试器时修复它(读:这不是重新绘制的问题).

当我第一次导航到网站时,Firefox呈现的方式不同,但如果我点击cmd + r,它就变得完全无缝.

看一下屏幕截图 - 他们说的话多于我能说的话.

我正在说服客户改变视频的白色背景,因为这肯定会"修复"它,但我对这是怎样/为什么会发生这种情况非常好奇.

你在巫师的任何见解？

Codepen:http://codepen.io/anon/pen/zrJVpX

<div class="background" style="background-color: #e1dcd8; width: 100%; height: 100%;">
<div class="video-container">
    <video id="video" poster="" width="90%" height="auto" preload="" controls style="margin-left: 5%; margin-top: 5%;">
      <source id="mp4" src="http://bigtomorrowdev.wpengine.com/wp-content/themes/bigtomorrow/images/videos/bt-process.mp4" type="video/mp4">
      <source id="webm" src="http://bigtomorrowdev.wpengine.com/wp-content/themes/bigtomorrow/images/videos/bt-process.webm" type="video/webm">
      <source id="ogg" src="http://bigtomorrowdev.wpengine.com/wp-content/themes/bigtomorrow/images/videos/bt-process.ogv" type="video/ogg">
      We're sorry. This video is unable to be played on your browser.
      </video>
    </div>
</div>

我希望在调试或编辑文本时显示空格字符,方法是将它们替换为合理的Unicode代码点,并将它们着色为灰色而不是黑色.

例如,我想替换

• SPACE U+0020与MIDDLE DOT·U+00B7
• NO-BREAK SPACE U+00A0用MEDIUM SMALL WHITE CIRCLE⚬U+26AC
• RIGHTWARDS ARROW→ U+2192为TAB U+0009.
• 等等...

我正在寻找合理的字形:

• CARRIAGE RETURN U+000D
• newline/LINE FEED U+000A.

我不想使用PILCROW SIGN,U+00B6因为它不直观地对应于任何一个,而是新段落的概念.还有DOWNWARDS ARROW WITH CORNER LEFTWARDS↵ U+21B5但是,它似乎更像是一个组合符号,而不是单独代表任何一个.

当我有混合行结尾时,我希望能够看到正在使用哪个字符(或两者).我在浏览器中以HTML格式显示输出.

目前我想不出更好的符号而不是: - LEFTWARDS ARROW← U+2190for carriage return - DOWNWARDS ARROW↓ U+2193for newline.

我知道SYMBOL为CARRIAGE RETURN␍ U+240D,象征LINE FEED␊ U+240A和 …