php - PHP Jquery Resize 块隐藏 DIV 信息

Question

下面链接中的代码允许您拖动小框并调整其大小。框中有文本，但文本没有显示，因为它被某些东西掩盖了，我相信这是调整大小的框。我尝试更改一些设置并对其进行修补，但没有找到任何可以解决的人。

为什么信息被掩盖了？

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

Answer 1

它们被 JQuery UI resize 隐藏div。jQuery UI 将 small divs 定位在resizablediv 的角落，并将它们的样式设置为小且无边距。问题是这个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中。基本上，您无意中调整了所有小corner-resizediv的大小，因为您的规则适用于divID 为的块中的所有 s 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 ，而不应用于divjQuery UI 正在创建的 small s 。