YUI日历部件问题

我设法让YUI日历部件工作正常。但是，当它显示它不会“漂浮”在页面上时，也就是说，它会将内容推到形状外面。我需要它浮在页面上方而不会影响其他元素。YUI日历部件问题

似乎有不被强迫日历浮动在页面上的属性。

有谁知道如何保证时显示窗口小部件浮在网页上面。显示小部件的按钮位于表格内。 HTML下面

<tr> 
<td>Expiry Date</td> 
<td><input name="ExpiryDate" value="" id="ExpiryDate"> 
     <img id="calico" src="resources/images/calendar_icon.gif" /> 
      <div id="calWidget"></div> 
</td> 
</tr>

来源

2010-03-11 giulio

看来，似乎我可能要绕到日历中的对话对象，以让它浮动在页面上。任何人有比这更简单的想法？ – giulio 2010-03-11 00:51:25

管理找到解决方案。当所有其他都失败时，只需添加更多HTML和样式。

首先包裹 “calWidget” 与另一个DIV（我们会给 “calPanel” 的ID）。它看起来像这样。

<tr> 
<td>Expiry Date</td> 
<td><input name="ExpiryDate" value="" id="ExpiryDate"> 
     <img id="calico" src="resources/images/calendar_icon.gif" /> 
      <div id="calPanel"> 
      <div id="calWidget"></div> 
      </div> 
</td> 
</tr>

然后用一些简单的CSS“相对”calPanel环绕“绝对”定位calWidget。你可以用日历从那里用左/右/上/下，在“#calWidget” CSS定位鬼混..

#calPanel { 
    position:relative; 
} 

#calWidget { 
    display:block; 
    position:absolute; 
    left:0px; 
    z-index:99; 
}

定位似乎是在IE7/8和FF3 +一致...希望这可以帮助，如果您有相同的概率...

来源

2010-03-11 01:23:00 giulio

YUI日历部件问题

回答

相关问题