小编Dan*_*007的帖子

无法阻止css动画在最后一个关键帧后消失

我有一个简单的css动画,我想玩,然后停在最后一帧完全显示图像.但目前它正在播放的那一刻似乎又回到了第一帧,因此圣诞老人的脸上消失了.

如何让它播放一次然后停在最后一个关键帧上或显示图像而不再消失?

http://jsfiddle.net/uy25Y/

    <img class="santaface" src="http://imgs.tuts.dragoart.com/how-to-draw-a-santa-face_1_000000001282_3.jpg">

     .santaface{
          opacity:0;
          position: absolute;
          left:40%; top:20%; width:20%;
            -webkit-animation-name: santaappear;
            -webkit-animation-duration: 13s;
            }


        .santaface{-webkit-animation-delay:2s;animation-delay:2s;}

        @-webkit-keyframes santaappear {
            0% { opacity:0;}
               96% {opacity:1;}
        }
Run Code Online (Sandbox Code Playgroud)

css3 css-animations

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

无法让用户在注册过程中上传个人资料图片(Parse.com/JS SDK)

使用parse.com和JavaScript SDK.代码应该让用户注册并上传个人资料图片.

更新了,这是我正在使用的代码,它在尝试向用户注册控制台消息时返回错误 is Uncaught TypeError: Cannot read property 'length' of undefined

> $('#SignUp').click(function(e) {
>     UserSignUp(); });
> 
> 
> function UserSignUp() {
> 
>     var user = new Parse.User();
>     userFirstname = $('#firstnamesu').val();
>     userLastname = $('#lastnamesu').val();
>     userUsername = $('#usernamesu').val();
>     userGender = $('#gendersu').val();
>     Email = $('#emailsu').val();
>     PWP = $('#passwordsu').val();
> 
>     user.set("FirstName", userFirstname);
>     user.set("LastName", userLastname);
>     user.set("username", userUsername);
>     user.set("gender", userGender);
>     user.set("email", Email);
>     user.set("password", PWP);
> 
> 
>      var fileUploadControl = …
Run Code Online (Sandbox Code Playgroud)

javascript parse-platform

12
推荐指数
1
解决办法
316
查看次数

安装Github for Windows时出现System.Runtime.InteropServices.COMException

我正在尝试安装GitHub for Windows,我收到以下错误消息:

PLATFORM VERSION INFO
    Windows             : 6.0.6002.131072 (Win32NT)
    Common Language Runtime     : 4.0.30319.18052
    System.Deployment.dll       : 4.0.30319.17929 built by: FX45RTMREL
    clr.dll             : 4.0.30319.18052 built by: FX45RTMGDR
    dfdll.dll           : 4.0.30319.17929 built by: FX45RTMREL
    dfshim.dll          : 4.0.41209.0 (Main.041209-0000)

SOURCES
    Deployment url          : http://github-windows.s3.amazonaws.com/GitHub.application

ERROR SUMMARY
    Below is a summary of the errors, details of these errors are listed later in the log.
    * Activation of http://github-windows.s3.amazonaws.com/GitHub.application resulted in exception. Following failure messages were detected:
        + The referenced assembly is not installed …
Run Code Online (Sandbox Code Playgroud)

github-for-windows

11
推荐指数
2
解决办法
2万
查看次数

在同一行显示图标和文本

我试图让文本(主页、关于我们、奶酪)等显示在社交媒体图标的右侧,以便文本的底部与图标的底部对齐,并且它们出现在同一行.

我该怎么做呢?

我的代码在这里http://jsfiddle.net/pnX3d/

    <div class="grid_5" id="social_icons">
        <a href="http://www.facebook.com/print3dexpert" target="blank"><img src="img/facebook.png" alt="Click to visit us on Facebook"></a>
        <a href="http://www.twitter.com/print3dexpert" target="blank"><img src="img/twitter.png" alt="Click to visit us on Twitter"></a>
        <a href="http://pinterest.com/print3dexpert" target="blank"><img src="img/pinterest.png" alt="Click to visit us on Pininterest"></a>
        <a href="#"><img src="img/email.png" title="Click to contact us" alt="Contact us"></a>

    </div>

    <nav class="topmenu omega">
        <ul>
        <li><a href="#">Home</a> |</li>
        <li><a href="#">About Us</a> |</li>
        <li><a href="#">Cheeses</a></li>
        </ul>
    </nav>
Run Code Online (Sandbox Code Playgroud)

html css

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

Foundation 5 Tabs和Accordion似乎不起作用

我正在使用Foundation 5框架并尝试使用它们提供的js选项卡插件.

但是我得到以下结果http://crea8tion.com/PU2/index.html#

虽然在他们的网站上它应该像这样 http://foundation.zurb.com/docs/components/tabs.html

不确定我做错了什么?

是不是正确调用了java脚本?

html css html5 zurb-foundation

6
推荐指数
2
解决办法
8997
查看次数

为什么具有较小最小宽度的媒体查询会覆盖较大的?

我试图理解为什么min-width: 600下面的媒体查询会覆盖min-width: 768媒体查询.

我知道600px后来出现在CSS文件中,这可能是一个原因,但肯定只有一个应该只在屏幕尺寸是600或768时应用?

我现在正在研究媒体查询文档,但还是能够解释这一点.

在此输入图像描述

谢谢你的帮助.

css css3 media-queries

6
推荐指数
1
解决办法
5332
查看次数

为什么这些空脚本标签会阻止我的页面工作?

在此代码的基础上有以下 3 个脚本标记。我不希望它们出现在我的 html 文档中,但如果我尝试删除它们,它们会阻止我的 <script type="text/template" id="login-template">表单正常工作。基本上它似乎隐藏了输入字段。

为什么是这样?

我什至删除了 ` 中的 JS 实际代码来尝试解决这个问题。

   <script type="text/template" id="manage-todos-template"></script>
   <script type="text/template" id="item-template"></script>
   <script type="text/template" id="stats-template"></script>
Run Code Online (Sandbox Code Playgroud)

<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <meta name="description" content="fresh Gray Bootstrap 3.0 Responsive Theme "/>
    <meta name="keywords" content="Template, Theme, web, html5, css3, Bootstrap,Bootstrap 3.0 Responsive Login" />
    <meta name="author" content="Adsays"/>
    <title>Parse JavaScript Todo App</title>
    <script src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
    <script src="scripts/underscore-1.1.6.js"></script>
    <script src="http://www.parsecdn.com/js/parse-1.2.13.min.js"></script>
    <script src="scripts/todos.js"></script>

    <link rel="shortcut icon" href="favicon.png"> 

    <!-- Bootstrap core CSS -->
    <link href="css/bootstrap.css" rel="stylesheet"> …
Run Code Online (Sandbox Code Playgroud)

html javascript parsing backbone.js parse-platform

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

通过谷歌Chrome控制台日志显示重复的css选择器意味着什么?

当有人在Google Chrome控制台日志中显示重复的css选择器时,有人可以解释一下这个问题吗?为什么第二个实例有通过它的行.

我猜这是一个我需要解决的编码错误.

仅供参考 - 根据下面的屏幕截图,两个.items都来自同一个css文件.

在此输入图像描述

html css google-chrome

4
推荐指数
1
解决办法
754
查看次数

为什么notnt window.location.href =没有使用Safari转发到页面?

我的网站允许用户通过Fb按钮登录,我正在使用FB/Parse.com JDK进行此https://parse.com/docs/js/guide#users-facebook-users

一旦识别出用户,下面的代码就会记录用户并将其转发到网址上.这在Chrome下可以正常使用,但无法使用Safari,该页面只保留在空白的fb.html页面上

我已经看到有一些历史问题

window.location.href =

但是,找不到适用于我的解决方案的修复程序.有没有人知道这方面的方法?

Parse.FacebookUtils.logIn(null, {
    success: function(user) {
        if (!user.existed()) {

        } else {
            window.location.href="user_home.html";

        }
    },
    error: function(user, error) {

    }
});
Run Code Online (Sandbox Code Playgroud)

javascript facebook-javascript-sdk parse-platform

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

仅使用CSS在类中隐藏单词

一个WordPresss网站,我试图在html代码中隐藏"SKU"这个词,如下所示.

这是html

<div class="card-body card-body">
                <h3><a href="https://www.staging4.XXXX/shop/resources/phase-1-phonics-planning-week-1-example-test-free/">Phase 1 Phonics Planning Week 1 Example TEST FREE</a></h3>
                <p><small><strong>SKU:</strong> </small></p>
                <p>
              </p></div>
Run Code Online (Sandbox Code Playgroud)

我想用一个简单的CSS来隐藏SKU这个词,到目前为止我的努力,但我无法看到如何只针对SKU,我认为我需要使用元素一些如何?:

CSS

.card .card-body {
    display: none;
}
Run Code Online (Sandbox Code Playgroud)

html css

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