我环顾四周但却找不到我想要的东西.
我目前在我的页面上有一个css动画,由以下内容触发:hover.当页面调整为使用媒体查询超过宽度700px时,我希望将其更改为"单击"或"触摸".
这就是我现在所拥有的:http://jsfiddle.net/danieljoseph/3p6Kz/
正如您所看到的,:hover将无法在移动设备上运行,但我仍然希望确保它只是通过单击而不是悬停来以相同的方式工作.
如果可能的话我宁愿使用css但也对JQuery感到满意.
我有一种感觉,这很容易做到,但我只是遗漏了一些非常明显的东西!任何帮助,将不胜感激.
这是css动画:
.info-slide {
position:absolute;
bottom:0;
float:left;
width:100%;
background:url(../images/blue-back.png);
height:60px;
cursor:pointer;
overflow:hidden;
text-align:center;
transition: height .4s ease-in-out;
-webkit-transition: height .4s ease-in-out;
-moz-transition: height .4s ease-in-out;
}
.info-slide:hover {
height:300px;
}
Run Code Online (Sandbox Code Playgroud) 我有以下代码:
.background-video {
position: fixed;
z-index: -10;
left: 50%;
min-width: 100%;
min-height: 100%;
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
-webkit-background-size: cover;
-moz-background-size:cover;
background: url(video.jpg) no-repeat center center fixed;
background-size: cover;
}
@media (max-width: 767px) {
*::-webkit-media-controls-start-playback-button {
display: none!important;
-webkit-appearance: none
}
}Run Code Online (Sandbox Code Playgroud)
<video autoplay loop class="fillWidth background-video" poster="video.jpg">
<source src="video.mp4" type='video/mp4; codecs="avc1.4D401E, mp4a.40.2"'/>
<source src="video.webm" type='video/webm; codecs="vp8.0, vorbis"'/>
<source src="video.ogg" type='video/ogg; codecs="theora, vorbis"'/>
</video>Run Code Online (Sandbox Code Playgroud)
解释会发生什么:
我正在处理该网站的联系表格.此联系表单通过PHP实现.我能够配置我的本地环境以实现此功能,但在部署到生产后,功能已经消失.
从我的角度来看,它不能在生产中工作的主要原因是它php.ini与本地机器上的配置不同.这里出现了几个问题:
php.ini在服务器上访问.php.ini可能会破坏一些东西,这将是非常糟糕的.我能找到的信息:
PHP 5.4.45 running as FastCGI application另外我的一个发现是(毫不奇怪)开始使用像Mailgun或Mandrill这样的第三方解决方案.Mandrill现在是Mailchimp的插件,因为我已经在这个项目中使用了Mailchimp,所以它非常有用.但我不想去第三方,因为该项目有一个服务器,只缺少一个正确的配置.
更新:
感谢@oleg_neumyvakin的回答,我发现间接的每域修改可以通过.user.ini配置完成,或者我可以通过Additional Configuration Directives字段访问Plesk .虽然该sendmail_path指令不适用于.user.ini,因为它只能在PHP_INI_SYSTEM- global中修改php.ini.
我的问题仍然存在:
php.ini配置.user.ini?我正在做一个基于视频视图的Android项目。当用户决定暂停视频时,我想在用户单击播放之前显示播放按钮-出现暂停按钮。单击暂停按钮应触发从暂停的同一位置再次播放视频(例如YouTube视频)。
im1.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
vv1.setVideoURI(Uri.parse("android.resource://com.example.cm.filmfestival/" + R.raw.mission));
im1.setVisibility(View.INVISIBLE);
im2.setVisibility(View.INVISIBLE);
vv1.start();
}
});
im2.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
vv1.stopPlayback();
im2.setVisibility(View.VISIBLE);
im1.setVisibility(View.INVISIBLE);
}
});
@Override
public boolean onTouch(View v, MotionEvent event) {
im1.setVisibility(View.VISIBLE);
vv1.start();
im2.setVisibility(View.VISIBLE);
vv1.stopPlayback();
return true;
}
Run Code Online (Sandbox Code Playgroud) 我正在尝试在 macOS 上安装 Angular。我安装了 npm 5.6.0 和节点 8.11.1。我试过了sudo npm install -g @angular/cli,它似乎安装了它。但是,当我输入时ng --version,我得到:
未知错误:ReferenceError:赋值中的左侧无效
编辑:我也试过这个,没有效果:
npm uninstall -g angular-cli
npm cache clean或npm cache verify(如果 npm > 5)
npm install -g @angular/cli@latest