PHP Jquery调整隐藏DIV信息的块

时间:2013-05-05 02:41:58

标签: php jquery resize drag

以下链接中的代码允许您拖动小尺寸框并调整其大小。这些方框中有文字,但是文字没有显示,因为它被某些东西遮盖了,我相信这是调整大小的方框。我试过没有运气改变一些设置并修补它但却找不到任何可以解决它的人。

为什么信息被掩盖了?

代码:http://plnkr.co/edit/PSdrU38Mi8Z186m8ynMN

1 个答案:

答案 0 :(得分:3)

它们被JQuery UI调整大小div隐藏。 jQuery UI在div div的角落放置小resizable s,并将它们设置为小而无边距。问题是这个css规则:

#set div {
    background: none repeat scroll 0 0 black;
    color: white;
    float: left;
    height: 90px;
    margin: 0 10px 10px 0;
    padding: 0.5em;
    width: 90px;
}

这会覆盖ui的默认.ui-resizable-[x]样式,因为它们div块内的#set也是div。基本上,您无意中调整了所有小角落调整大小div的大小,因为您的规则适用于ID为set的块中的所有 #set div.resizable { background: none repeat scroll 0 0 black; color: white; float: left; height: 90px; margin: 0 10px 10px 0; padding: 0.5em; width: 90px; }

将您的规则更改为:

margin

这会将widthheightdiv规则仅应用于您设置为可调整大小的块的较大div,而不是小{{1}这是jQuery UI正在创建的。