Tidesdk不起作用CSS

我不能在tidesdk做出头的CSSTidesdk不起作用CSS

我试图做一个css圈子里，我使用的1.3.1-β，但它不工作，我不不知道我做错了什么。

你能帮我吗？

<html> 
    <head> 
     <title>Sample</title> 
     <link href="style.css" type="text/css" rel="stylesheet" media="screen" /> 
    </head> 
    <body> 

     <div id="advanced" class="circle"></div> 

    </body> 

</html>

，我用这个

.circle { 
border-radius: 50%; 
display: inline-block; 
margin-right: 20px; 
} 

#advanced { 
width: 200px; 
height: 200px; 
background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, yellow 0%, orange 100%, red 95%); 
background-image: -webkit-radial-gradient(45px 45px, circle cover, yellow, orange); 
background-image: radial-gradient(45px 45px 45deg, circle cover, yellow 0%, orange 100%, red 95%); 
-webkit-animation-name: spin; 
-webkit-animation-duration: 3s; 
-webkit-animation-iteration-count: infinite; 
-webkit-animation-timing-function: linear; 
-moz-animation-name: spin; 
-moz-animation-duration: 3s; 
-moz-animation-iteration-count: infinite; 
-moz-animation-timing-function: linear; 
-ms-animation-name: spin; 
-ms-animation-duration: 3s; 
-ms-animation-iteration-count: infinite; 
-ms-animation-timing-function: linear; 
}

我在Chrome中使用这个和这个工作，但不是在tidesdk应用

编辑：

我发现这个老方法做模糊，这不是传统的，但它看起来像TideSDK不接受css3 =（

HTML：

<div id="container"> 
<div /> 
<div class="blur" /> 
</div>

CSS：

#container{ overflow: hidden; position: relative; width: 200px; 
height: 200px;} 
#container div{ 
    position: absolute; 
left: 0; 
    top: 0; 
z-index: 0; 
    width: 200px; 
height: 200px; 
border-radius: 40px; 
background: orange; 
} 
#container div.blur:hover{opacity: 0.6; background: white;} 
#container div.blur{opacity: 0; }

来源

2014-01-11 mackiur

看来tideSDK有个边界半径和新的渐变语法-webkit-radial-gradient问题。我建议你使用渐变的旧语法。您可以在下面找到工作代码示例。根据需要修改颜色和颜色位置。

.circle { 
    -webkit-border-radius: 100px; 
    display: inline-block; 
    margin-right: 20px; 
} 

#advanced { 
    width: 200px; 
    height: 200px; 
    background: -webkit-gradient(radial, 40% 40%, 20, 50% 50%, 250, from(yellow), to(red)); 
}

更多有关-webkit-gradient语法，阅读this article。

来源

2014-01-11 11:05:16 kgd

它看起来像TideSDK不接受-webkit风格...或css3方法... – mackiur

你是对的，一些方法不能正常工作，但这个示例工作在tidesdk应用程序没有问题。 – kgd

omg你是对的，thx – mackiur

Tidesdk不起作用CSS

回答

相关问题