小编Abh*_*hek的帖子

HTML5 doctype将IE9置于怪癖模式?

我试图让IE9加载我的页面与IE9标准...

我注意到<!DOCTYPE HTML>把该死的东西放进了怪癖模式......这几乎打破了页面上的所有内容......

如何让IE坚持IE9标准?

html5 doctype internet-explorer-9

101
推荐指数
3
解决办法
9万
查看次数

CSS3单向转换?

使用CSS3过渡,可以对任何属性进行"平滑上升"和"平滑下降"效果.

我可以将其设置为仅具有"平滑"效果吗?我希望解决方案只在CSS中,如果可能的话,避免使用JavaScript.

逻辑流程:

  • 用户点击元素
  • 转换需要0.5秒才能将背景颜色从白色变为黑色
  • 用户放开鼠标左键
  • 过渡需要0.5秒才能将背景颜色从黑色变为白色

我想要的是:

  • 用户点击元素
  • 转换需要0才能改变
  • 用户放开鼠标按钮
  • 过渡需要0.5秒才能改变......

没有'过渡时间',但是有一个'过渡'时间.

html5 css3

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

将两个或多个Canvas元素与某种混合组合在一起

是否可以将2个单独的canvas元素的内容组合到一个canvas元素中?

像Photoshop中的"Flattening"两个或更多层一样......?

我可以想到一个方向,但我不太确定.我以.png的形式导出canvi(lol)的内容,然后让第三个canvas元素用某种混合算法(xor,blend,negative等)绘制两个图像.

html5 canvas

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

如何覆盖CSS:悬停?

所以我有这个:

<ul>
    <li>Line 1</li>
    <li class="disabled">Line 2</li>
</ul>
Run Code Online (Sandbox Code Playgroud)

相应的CSS是:

ul li:hover {
    color: red;
}
Run Code Online (Sandbox Code Playgroud)

这允许两个'li'被悬停并且颜色改变.但如果我想要其中一个被"禁用",我会使用以下内容:

.disabled {
    color: grey;
}
Run Code Online (Sandbox Code Playgroud)

但是其他CSS代码的'hover'伪类仍然会开始......我可以覆盖这个吗?

css

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

在另一个类中调用CSS类?

是否有可能让一个CSS类引用另一个?而不是再次重写所有的CSS代码?

例如,我有这个:

.btn{
    /* Whatever btn related styles I have */
}

.btn:hover{
    box-shadow:0 0 4px black;
}

.btn:active{
    /* This is where I want to reference the '.red' class */
}

.red{
    /* There is a LOT of CSS code here for cross browser gradients */
}
Run Code Online (Sandbox Code Playgroud)

问题是,我已经在某些地方使用了.red类,并且我也希望将相同的渐变样式应用于.btn类的所有元素的"活动"状态...

如果你能帮忙解决(不一定是我要求它的方式),我会非常感激...

css class

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

从非按钮元素触发按钮单击

如何从一个据称没有本机可点击行为的元素触发点击事件?

例如,我知道你可以简单地使用以下内容:

document.getElementById('x').click();
Run Code Online (Sandbox Code Playgroud)

但是如果'x'是'DIV'会发生什么?我有一个实现,它似乎没有触发...我得到错误(铬12):

Uncaught TypeError: Object #<HTMLDivElement> has no method 'click'
Run Code Online (Sandbox Code Playgroud)

想法?

快速编辑 - 我在这里寻找香草JS ......我喜欢在我的形象中重新发明轮子...... :-)

html javascript click

16
推荐指数
3
解决办法
5万
查看次数

提高iPad上的CSS3速度

iOS整体往往会受到CSS3过渡,动画,变换等的影响.哪种IMO是该技术的一些最佳功能.

现在,我听说你可以通过投入一些随机的3D变换来欺骗iOS来初始化它的硬件加速.所以我改造了一个随机的div并把它放在屏幕上(甚至没有把它隐藏起来),而且经验仍然随之而来......

有没有办法在iOS上提高CSS3过渡,转换,动画等的性能?或者,网络应用程序注定要成为本机应用程序的塑料吗?

编辑:这是有问题的代码......

http://www.abhi.my/sl/html/

只需按照这个链接,你就会看到我放在一起的一个小小的演示......当在桌面浏览器上观看时,动画很流畅且可以接受,iOS上的同一个网站受到了影响......这个是针对iPhone 4的...

随意浏览消息来源并指出问题......

webkit css3 ios

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

是否可以组成HTML标签?

是什么阻止我这样做:

<head>    
<style type="text/css">
red{
    display:block;
    background:red;
    height:20px;
    width:20px;
}
</style>
</head>
<body>

<red></red>
Run Code Online (Sandbox Code Playgroud)

这会有用吗?什么会阻止它?

根据我的理解,浏览器会根据选择器规则找到并匹配css样式,只要你指定所有必需的规则(我确定还有更多),什么阻止我看到一个小红色屏幕上的框?

html css

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

Div点击对方?

我有一个包含div,它本身就是一个按钮......

点击后,我设置了扩展并显示更多信息,同时在右上方显示一个关闭按钮...

现在,当我点击关闭按钮时,关闭功能执行,而且div的onclick打开,所以最终的结果是,嗯...什么都没发生......

大声笑...

小提琴的例子也不起作用,我的智慧即将结束......

http://jsfiddle.net/VeyeY/5/

javascript

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

如果inputElement.validity.valid == false,如何显示HTML5验证?

所以我有一个表格,但我并不需要被提交信息到服务器,只是还没有...我需要什么,是刚刚运行通过HTML5领域的内置的验证条件(如电子邮件,等等. ),如果是真的,只需执行一个特定的功能......

到目前为止,我已经想到了......

function checkform()
{
    var /* all the elements in the form here */

    if (inputElement.validity.valid == 'false')
    {
        /* Submit the form, 
        this will cause a validation error, 
        and HTML5 will save the day... */
    } else
    {
        navigateNextStep();
    }
}
Run Code Online (Sandbox Code Playgroud)

这是我到目前为止所提出的逻辑,而且有点后悔,因为我提交知道有一个无效值,因此触发验证提示......

我对上述逻辑的唯一问题是,我有大约7-8个输入元素,并且我发现执行以下操作的选项,而不是'脏':

var inputs = document.getElementsByTagName("INPUT");
if (!inputs[0].validity.valid && !inputs[1].validity.valid && ...)
Run Code Online (Sandbox Code Playgroud)

想法?

javascript validation html5

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

标签 统计

html5 ×4

css ×3

javascript ×3

css3 ×2

html ×2

canvas ×1

class ×1

click ×1

doctype ×1

internet-explorer-9 ×1

ios ×1

validation ×1

webkit ×1