【发布时间】:2014-04-24 22:22:51
【问题描述】:
我正在努力实现 http://amsul.ca/pickadate.js/ 的几个实例,但我似乎遇到了一些 css 问题。如果您在 ipad 或 iphone 上查看上述站点,则日历的位置是正确的,因为容器会像一个好的固定位置元素一样覆盖窗口。但是,如果您要查看我的站点并拉起日历,那么您会看到日历容器(灰色背景)从它旁边的输入的左下角开始(好像它是相对定位的)并以与窗口相同的尺寸延伸。除此之外,当我在我的 mac 上使用 mobile safari 的 web 检查器进行检查时,通常指示 div 所在位置的蓝色框固定在文档顶部,而不一定是窗口。
我得到的唯一错误是来自与此插件无关的样式表的 404。
这里是我面临的问题的 3 个屏幕截图,第一个显示了带有日历的 div 就在其后的输入
http://www.dumpt.com/img/viewer.php?file=rvipsnuyfyuv8u6xt5dr.png
第二个是检查员似乎认为它正在渲染的地方,您可以在页面下方看到半透明背景
http://www.dumpt.com/img/viewer.php?file=nc7el13lcthqlzrsfarg.png
第三个显示它似乎是正确的尺寸和一切,但日历似乎没有正确定位自己
http://www.dumpt.com/img/viewer.php?file=8hbswbfv9abwobkth8iq.png
如果有人对为什么会这样有任何想法,我很想听听他们的意见,因为现在我很茫然。
编辑
这个页面已经在安卓设备上测试过,可以完美运行。
【问题讨论】:
标签: javascript html ios css css-position