我一直试图改变我的画布的默认背景颜色,从黑色到透明/任何其他颜色 - 但没有运气.

我的HTML:

<canvas id="canvasColor">

我的CSS:

<style type="text/css">
#canvasColor {
 z-index: 998;
opacity:1;
background: red;
}
</style>

正如您在下面的在线示例中所看到的,我在画布上附加了一些动画,所以不能只做一个不透明度:0; 在id上.

实时预览:http: //devsgs.com/preview/test/particle/

有任何想法如何覆盖默认黑色？

我尝试执行以下操作: - 单击一个链接,触发一个功能,显示DIV(#page-cover)调暗我的整个背景.这个div的z-index为999 - 然后我希望另一个div(#red)出现在具有更高z-index的灰色背景/ fadeup/show上

我的CSS:

#page-cover {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 999;
    top: 0;
    left: 0;
}
    #red {
    background-color: red;
    width: 100px;
    height: 100px;
}

HTML

//Triggering link
<a href="#" onclick="dimBackground("Element1")">Element 1</a>
//Div to appear upon dimmed DIV
<div id="red">hejsa</div>
//Dimming DIV
<div id="page-cover"></div>

jQuery的

function dimBackground() {
    $("#page-cover").css("opacity",0.6).fadeIn(300, function () {
        //Attempting to set/make #red appear upon the dimmed DIV
        $('#red').css('zIndex', 10000);
    });
}

页面封面按照假设逐渐消失,但是我没有任何成功,#red会在之后出现.

有什么建议？

似乎在 IE9+ 中播放 HTML5 视频时，.mp4 中的白色由于某种奇怪的原因变成了灰色。

该视频可以在 Firefox、Crome + 智能手机中正确播放和显示。

问题：在 IE 中，白色变成灰色。注意：生成的视频文件是来自具有纯白色背景的另一个页面的录制，因此不会与某些奇怪的透明背景尝试发生冲突。

图 1显示了 Firefox、Crome 等的正确外观。 图 2是在 IE9 中启动视频后的屏幕截图。

作为参考，这是我的 HTML：

<video width="552" height="572" poster="video/clip.png" preload="none" id="video">
    <!-- MP4 for Safari, IE9, iPhone, iPad, Android, and Windows Phone 7 -->
    <source type="video/mp4" src="video/clip.mp4" />
    <!-- WebM/VP8 for Firefox4, Opera, and Chrome -->
    <source type="video/webm" src="video/clip.webm" />
    <!-- Ogg/Vorbis for older Firefox and Opera versions -->
    <source type="video/ogg" src="video/clip.ogv" />
    <!-- Flash fallback for non-HTML5 browsers …

我正在使用Howler.js库播放一些HTML5音频.

目前我无法确定音频文件的总长度,sound.duration();但我不知道如何创建一个计时器来显示已播放的时间.

我创建一个简单的声音对象,如下所示:

var sound = new Howl({
    src: ['sound.ogg', 'sound.mp3', 'sound.wav'],
    autoplay: true,
    loop: false,
    volume: 1,
    onload: function() {
        var totalSoundDuration = sound.duration();
    },
    onplay: function(getSoundId) {
        //sound playing
    },
    onend: function() {
        //sound play finished
    }
});

我似乎无法找到库中的任何方法(？)来检查currentTime,以便我可以更新我的计时器功能.

替代路线可以简单地触发/切换setInterval,onplay:如:

var currentTimeTracker=setInterval(function () {myTimer()}, 1000);

function myTimer() {
    timePlayed++;

    $("#time" ).html(timePlayed);
}

不确定这是否是一个好方法？有什么建议？

Howler.js参考:https: //github.com/goldfire/howler.js/tree/2.0#global-core-properties

我有一个Magento网站正在迁移到新域。我正在寻找301，将所有页面从旧域重定向到新域，并保持相同的url结构。

我已经使用以下方法更新了旧域中的.htaccess文件：

RewriteEngine On

RewriteCond %{HTTP_HOST} ^new-domain.com$ [NC]
RewriteRule ^(.*)$ http://new-domain.com/$1 [R=301,L]

问题：以上内容似乎将的每个实例重定向：old-domain.com/subdir/whatever仅重定向到主域：new-domain.com。

我想重定向old-domain.com/subdir/whatever到：new-domain.com/subdir/whatever。

有什么问题的想法吗？

我目前有一个电子邮件字段

<input type="email" placeholder="E-mail">

提交/如果字段为空或电子邮件地址未验证无效,则会在Firefox + Crome中显示默认验证覆盖.

我已经集成了我自己的样式验证,所以目前它在验证上是双重的.

有什么建议？

我得到以下HTML:

<video width="552" height="572" id="video" autoplay preload="none" poster="image.png">

我将如何autoplay完全从<video>元素中删除？

我尝试过以下内容:

//Attempt
jQuery('video').remove('autoplay');

//Attempt
jQuery( 'video' ).removeClass( 'autoplay' );

我目前有我的类元素:

var frame_2 = document.querySelectorAll(".name");

目前这个div是空的.我现在想要"添加/添加"一些内容到那个div - 我跟innerHTML+ 一起去innerText但是由于某种原因似乎没有添加任何内容.

例:

frame_2.innerHTML = '<img src="image.gif" />';

和

frame_2.innerText = 'some text';

有什么建议？我不确定是否有办法做同样的事情 - 或表现更好的事情？

我目前有一张地图.在这张地图上我创建了几个小圆圈/圆点border-radius.徘徊一个点动画点+其他东西.

我的问题:
现在我必须非常精确地徘徊一个点,因为它太小了.

我想知道是否有可能创建一个更大的隐形hitzone悬停区域或类似的点周围,从而更容易与点交互？

这是一个例子:

$("#map-container").find(".dot-item")
	.mouseenter(function() {
		console.log("over");
  
      $(this).css("width","10");
      $(this).css("height","10");
	})
	.mouseleave(function() {
		console.log("out");
  
      $(this).css("width","5");
      $(this).css("height","5");
	}).on("click", function(e) {
		console.log("click");
});

#wrapper {
	position: relative;
	width: 500px;
	height: 500px;
  background-color: gray;
}

.dot-item {
  position: absolute;
  border-radius: 50%;
  width: 5px;
  height: 5px;
  background-color: red;
  cursor: pointer;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="wrapper">
  <div id="map-container">
    <div class="dot-item" style="top: 100px; left: 100px;"></div>
    <div class="dot-item" style="top: 200px; left: 200px;"></div>
    <div class="dot-item" style="top: 210px; left: 210px;"></div>
    <div class="dot-item" …

我目前有3个监视任务，如下所示：

gulp.task('watch', function(){
    gulp.watch(sassDir + '/*.scss', ['sass']);
    gulp.watch(cssDir + '/*.css', ['css']);
    gulp.watch(jsDir + '/*.js', ['js']);
})

我现在的问题是，当Sass引发错误时，所有监视任务都将停止。然后我添加了.pipe(sass({errLogToConsole: true}))-即使出现错误，这似乎也可以使我的sass监视任务保持活动状态，但是其他两个监视任务似乎没有运行。

如何使所有监视任务保持活动状态，以便sass文件中的错误不会阻止所有内容的编译？

我的设置：

gulp.task('sass', function () {
    gulp.src(sassDir + '/**/*.scss')
        .pipe(sass({errLogToConsole: true}))
        .pipe(gulp.dest(sassTargetDir));
});

gulp.task('css', function() {
  gulp.src(cssDir + '/**/*.css')
    .pipe(autoprefix({
            browsers: ['last 40 versions'],
            cascade: false
        }))
    .pipe(gulp.dest(cssTargetDir))
    .pipe(minify())
    .pipe(rename({suffix: '.min'}))
    .pipe(gulp.dest(cssTargetDir));
});

gulp.task('js', function() {
  gulp.src(jsDir + '/**/*.js')
    .pipe(gulp.dest(jsTargetDir))
    .pipe(uglify())
    .pipe(rename({suffix: '.min'}))
    .pipe(gulp.dest(jsTargetDir))
});

gulp.task('watch', function(){
    gulp.watch(sassDir + '/*.scss', ['sass']);
    gulp.watch(cssDir + '/*.css', ['css']);
    gulp.watch(jsDir + '/*.js', ['js']);
}) …

我目前有一个表格,可以说5个单选按钮条目(见下文).什么即时存档如下: - 能够选择多个单选按钮 - 让我们说3并提交表格.

目前我使用PHP,SQL正常工作,但我只能选择一个radiobutton并提交.

我认为如果您错误地点击一个单选按钮,它也会派上用场.

我的猜测是,这可以通过一些JavaScript来完成？有什么建议？在线示例也许？

<form id="pollform" action="poll.php" method="post">
<input id="option-1" type="radio" value="1" name="poll">
<label for="option-1">Select option 1</label>

<input id="option-2" type="radio" value="2" name="poll">
<label for="option-2">Select option 2</label>

<input id="option-3" type="radio" value="3" name="poll">
<label for="option-3">Select option 3</label>

<input id="option-4" type="radio" value="4" name="poll">
<label for="option-4">Select option 4</label>

<input id="option-5" type="radio" value="5" name="poll">
<label for="option-5">Select option 5</label>
</form>

我目前有一些干净的数字，例如： 1, 10, 100, 1000, 10000等等......

我希望格式化这些数字，使它们显示为：

1,00
10,00
100,00
1.000,00
10.000,00

我尝试了一下n.toFixed(2);，但似乎不支持我正在寻找的格式。

有任何想法吗？

我目前通过我的doc类通过XML加载一些文本 - 这个文本包含\n标签

XML示例:

我想要做的是用我的字符串替换\n

我尝试过几件事:

string = string.split("\n").join('<br/>');

和

string = string.replace("\n","<br/>");

但是后来跟踪字符串,或者只是看到myTextField.htmlText = string; 显示,我仍然看到\n标签

有任何想法吗？

代码说明:

// The string which contains the XML loaded content
var string:String;

var myTextField:TextField = new TextField();
myTextField.defaultTextFormat = myFormat;
myTextField.width = 300;
myTextField.border = false;
myTextField.embedFonts = true;
myTextField.multiline = true;
myTextField.wordWrap = true;
myTextField.selectable = false;

myTextField.htmlText = string;

addChild(myTextField);