html悬停跟点击一样吗,动态和静态HTML中div悬停样式的不同行为

此问题涉及使用与使用PHP动态生成的页面相同的HTML和样式的一页静态html之间的CSS行为差异。动态和静态HTML中div悬停样式的不同行为

在悬停效果是通过在一个单独的样式表中定义下列样式施加的静态页面：

div.selectable_class { background-color:white}

div.selectable_class:hover { background-color:blue }

静态HTML片段如下：

当我加载使用此代码的静态页面悬停效果按预期工作，并且颜色从白色变为蓝色并且变回白色。

然后我使用相同的样式表并使用PHP动态生成HTML，并注意到悬停效果已丢失，但颜色变化是通过单击div触发的。

要确认我是否正确生成动态HTML我做了查看源文件并复制生成的HTML到一个单独的文件，然后加载该英寸

奇妙的是，悬停效果在该版本中工作正常！

我已经看过这个网站的其他地方，看到提及的文档类型有影响。在这两种情况下，我的文档类型指定如下：

为了您的信息，我正在使用Safari版本5.1.2。

如果有人可以阐明这种行为，我将非常感激。

2012-01-27

Braunius

+3

这没有意义。 Web浏览器不知道服务器上会发生什么，也就是说，如果它是静态HTML或动态生成的HTML，它们都是一样的。你应该进一步寻找差异。 –

2012-01-27 17:58:36

+1

你有什么机会向我们展示一个例子？ –

2012-01-27 18:01:22

+0

不知道在给定代码的情况下寻找哪些其他差异应该是相同的，从动态页面复制并粘贴到静态页面而不进行任何编辑。 –

2012-01-27 18:04:02