小编Mar*_*ark的帖子

Howler.js错误:'必须使用任何新的Howl传递一组源文件'

所以我试图用Howler.js来测试播放音频文件.当我运行这个html文件并按下按钮时,我在控制台中收到错误消息"必须使用任何新的Howl传递源文件数组."

HTML:

<!DOCTYPE html>
<html>
<head>
<title>Play Sound</title>
<script src='./howler.js/dist/howler.js'></script>
</head>
<body>
<button id="btn">Play</button>

<script>
  var pong = new Howl({urls: ['sound.mp3', 'sound.ogg']});
  document.getElementById('btn').onclick=function(){pong.play();}
</script>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

html javascript audio html5 howler.js

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

在容器外显示内容,其中隐藏了溢出和滚动条

https://jsfiddle.net/rafaelfndev/h63r4mye/

是否可以显示一个设置为隐藏tooltip的容器overflow

我知道可以使用position: fixed(绿色容器具有property overflow: hidden)。

我举了两个例子,问题是在滚动时...首先,按钮与框架一起滚动,其次,工具提示与框架一起滚动。

在此处输入图片说明

我需要将这些框放在容器中,overflow: hidden并在悬停时显示工具提示(但是,工具提示被overflow: hidden容器的隐藏)。

在此处输入图片说明

是否可以仅使用CSS?

html css layout html5 css3

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

<td>宽度不适用于内联样式

我无法<td>在下表中的单元格上设置宽度属性,而且我很难绕过原因.我同时使用文字尝试width="100"和内联样式width: 100pxmax-width: 100px,但由于某些原因的某些细胞会自动生成比更宽的宽度img所包含的元素.

我只是试图将每个宽度限制在tdimg内部的宽度,这样每行的宽度相同,图像对齐.

对于上下文 - 这是一个包含来自photoshop的图像"切片"的表.内联样式是必要的,因为这是在Gmail和Outlook电子邮件签名(我明白为什么通常是一个坏主意,但客户是老板在这一点上,我只关心在这个问题上的表比对).我将表格背景颜色更改为石灰以帮助调试.

编辑:我在这里使用占位符图像来保护客户端的隐私.我认为Gmail中这些图像切片之间出现的垂直"间隙"与未修复的表格宽度有关.这就是为什么我设置table-layoutfixed并希望将每个尺寸调整<td>到图像宽度并浮动所有剩下的东西将解决问题.

<table id="Table_01" width="600" height="192" border="0" cellpadding="0" cellspacing="0" style="background: lime;table-layout: fixed">
	<tbody width="600" style="display: table;max-width: 600px; width: 600px">
		<tr width="600" id="row1" style="line-height: 0;font-size: 0px;">
			<td cellspacing="0" cellpadding="0" width="600" style="line-height: 0;font-size: 0px;">
				<img border="0" style="display:block;line-height: 0" src="https://i.stack.imgur.com/TS20G.gif" width="600" height="114">
			</td>
		</tr>
		<tr width="600" id="row2" style="line-height: 0;font-size: 0px;">
			<td cellspacing="0" cellpadding="0" width="159" …
Run Code Online (Sandbox Code Playgroud)

html css html5 html-table

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

在CSS calc中使用元素的可变宽度

无论元素的宽度如何,如何使用CSS calc()或预处理器将绝对定位的元素水平居中放置?效果:

.elem {
  position: absolute;
  left:50%;
  margin-left: calc(-.5 * elem.width);
}
Run Code Online (Sandbox Code Playgroud)

我想保留一类绝对定位的元素,其宽度是动态的,相对于其父div水平居中。

html css sass less

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

laravel中的实际模型是什么?它在哪里使用?

我不明白什么是模型,什么是雄辩.我试过这段代码

<?php

    class Nerd extends Eloquent
    {

    }
Run Code Online (Sandbox Code Playgroud)

但仍然没有得到这个.建模是做什么的?

php frameworks web laravel

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

标签 统计

html ×4

css ×3

html5 ×3

audio ×1

css3 ×1

frameworks ×1

howler.js ×1

html-table ×1

javascript ×1

laravel ×1

layout ×1

less ×1

php ×1

sass ×1

web ×1