0

我尝试使用JsDatePick。

该工具提供的示例 HTML 在 FireFox 和 IE8 中运行良好

但是，当我尝试在我自己的 HTML 页面中使用现有结构和 CSS 的选择器时：

  • 在 FireFox 中它运行良好（选择器显示为输入字段旁边的日历）

  • 在 IE8 中，选择器显示为日期的垂直列，位于我的页面下方（例如，您需要向下滚动才能看到它），例如

     ----------------------------------------------
 | My main page DIV, sized ~100% page height  |
 |                                            |
 |                  <INPUT FIELD>             |
 |                                            |
 |                                            |
 |                                            |
 |                                            |
 |                                            |
 |                                            |
 ----------------------------------------------
      ---- BOTTOM OF PAGE HERE ---

                     [1]      <-- This was meant to be a 5x7
                     [2]      <-- calendar pop-up appearing
                     [3]      <-- under the INPUT FIELD
                     [...]    <-- NOTE that the horizontal position is correct,
                     [30]     <-- Fully aligned with INPUT FIELD

不幸的是，我还不足以成为一名 CSS 专家，甚至无法开始了解如何解决它。

  1. 如果有人使用 JsDatePick 并遇到了这个问题，任何关于如何修复的想法都值得赞赏

  2. 除此之外，我需要采取哪些步骤来解决这个（看似 ​​CSS 冲突）问题？

    该页面有自己的样式表，但其中一个是 100% 类限制样式，而第二个具有一些全局样式，但没有定义位置，任何非类特定的样式都是body和的字体样式h1。

4

1 回答 1

0

我找出了为什么选择器没有正确显示的直接实际问题。

示例 HTML 文件具有以下我必须使用的 DTD 声明：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
                      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

为什么选择器不能在纯 HTML 中工作尚不清楚。

于 2014-12-29T19:13:21.390 回答