style =“right:0px”属性在IE9中不起作用?

时间:2013-01-23 04:32:15

标签: javascript css jquery-ui internet-explorer jquery-plugins

我已经在屏幕右下角创建了一个聊天窗口的聊天应用程序。它保持在正确的底部角落,如预期,在chrome,firefox,IE8,IE7。但仅在IE9中,聊天窗口就会被推到左下角。我不知道原因。

我使用的聊天窗口插件是Jquery UI chatbox插件。 http://magma.cs.uiuc.edu/wenpu1/chatbox.html

代码具有以下语句,用于定义聊天窗口的位置

<div class="ui-widget ui-corner-top ui-chatbox" outline="0" style="right: 0px;"

实际上我的聊天窗口位于右下角。

我实际上尝试使用开发人员工具chrome,当我删除"style="right : 0px"时,它实际上将聊天窗口推到了左下角。

但我不知道为什么这在IE9中不起作用。

您可以通过打开链接http://magma.cs.uiuc.edu/wenpu1/chatbox.html

在IE9中试用它

并点击此页面中的“添加聊天框”链接。你可以看到聊天框移动到左下角。

1 个答案:

答案 0 :(得分:0)

尝试为容器添加宽度......应该可以工作。

width: 205px;

<div class="ui-widget ui-corner-top ui-chatbox" outline="0" style="right: 0px; width: 205px;">