以下链接中的代码允许您拖动小尺寸框并调整其大小。这些方框中有文字,但是文字没有显示,因为它被某些东西遮盖了,我相信这是调整大小的方框。我试过没有运气改变一些设置并修补它但却找不到任何可以解决它的人。
为什么信息被掩盖了?
答案 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
这会将width
,height
和div
规则仅应用于您设置为可调整大小的块的较大div,而不是小{{1}这是jQuery UI正在创建的。