草庐IT

parent_station

全部标签

jquery - 悬停在 child 身上时如何禁用 parent 悬停

我会尝试用一些简单的例子来说明我的问题。我有什么?http://jsfiddle.net/JGzSh/3/这是一些简单的按钮,稍后会有onlick事件。当我将鼠标悬停在绿色div(父级)上时,:hover会稍微改变它的颜色。有什么问题?问题是,当我将鼠标悬停在黄色部分上时,我想更改黄色元素的背景,但我不想父:hover工作。问题那么当悬停在子项上时如何禁用父项:hover呢?(所以parent的背景会回到起始颜色?)到目前为止,这些只是关于悬停的css规则.przycisk:hover{background-color:#383;}.skrot:hover{background-col

html - 制作 CSS 伪元素 :after same height as parent div

我有一个父div,它的边缘必须有蓝色背景。我决定使用:before伪元素来做到这一点。我已将位置设置为绝对位置,将高度设置为100%。现在,当我将它的高度设置为100%时,我相信before正在占用页面的高度而不是它的div加上它几乎看起来好像这个伪元素:before是一个位置固定的div。这是一些代码testCSS.editableDiv{background-color:#DEDEDE;min-height:100px;max-height:400px;overflow:scroll;}.editableDivp{padding:0px0px0px43px;}.editableDi

html - 制作 CSS 伪元素 :after same height as parent div

我有一个父div,它的边缘必须有蓝色背景。我决定使用:before伪元素来做到这一点。我已将位置设置为绝对位置,将高度设置为100%。现在,当我将它的高度设置为100%时,我相信before正在占用页面的高度而不是它的div加上它几乎看起来好像这个伪元素:before是一个位置固定的div。这是一些代码testCSS.editableDiv{background-color:#DEDEDE;min-height:100px;max-height:400px;overflow:scroll;}.editableDivp{padding:0px0px0px43px;}.editableDi

javascript - 替代更新 parent 高度的绝对定位

我正在开发一个绘制括号的库。我正在使用javascript计算每个元素(匹配项和行)的坐标。每个元素都有position:absolute;并使用left和top设置他们的x和y坐标。因为我用的是position:absolute;有必要将父级设置为position:relative;以便children相对于他们的parent定位。在我注意到parent的高度没有从它的child那里更新之前,这是完美的,因为position:absolute;元素从文档流中取出。我需要父级有高度,以便我可以在下面放置其他元素,并赋予父级样式,例如background-color...是否有替代绝对定

javascript - 替代更新 parent 高度的绝对定位

我正在开发一个绘制括号的库。我正在使用javascript计算每个元素(匹配项和行)的坐标。每个元素都有position:absolute;并使用left和top设置他们的x和y坐标。因为我用的是position:absolute;有必要将父级设置为position:relative;以便children相对于他们的parent定位。在我注意到parent的高度没有从它的child那里更新之前,这是完美的,因为position:absolute;元素从文档流中取出。我需要父级有高度,以便我可以在下面放置其他元素,并赋予父级样式,例如background-color...是否有替代绝对定

javascript - 如何显示: none between parent and sibling tags when using show more show less Jquery

我的标记是这样设置的:{{$blog->Title}}{{$blog->Title}}HideShow我有2个按钮使用jquery来显示和隐藏(作为显示更多显示更少)我的h5标签中的两个标签。但是,我似乎无法使用此代码来确保id="head2"的强标记不显示。我试过了.head2display:none;我也试过strong.head2display:none;我不确定这是否与Jquery有任何关系,所以我将其粘贴在下面以防万一。jQuery代码:$(document).ready(function(){$("#head").html(function(i,h){varwords=h.

javascript - 如何显示: none between parent and sibling tags when using show more show less Jquery

我的标记是这样设置的:{{$blog->Title}}{{$blog->Title}}HideShow我有2个按钮使用jquery来显示和隐藏(作为显示更多显示更少)我的h5标签中的两个标签。但是,我似乎无法使用此代码来确保id="head2"的强标记不显示。我试过了.head2display:none;我也试过strong.head2display:none;我不确定这是否与Jquery有任何关系,所以我将其粘贴在下面以防万一。jQuery代码:$(document).ready(function(){$("#head").html(function(i,h){varwords=h.

javascript - 使文本在 jQuery Sortable parent 的 textarea 中可选择

我有一个表格,我使用jQueryUI的Sortable函数使其主体可排序。在这个可排序的表格中,我有一个文本区域,允许用户输入有关给定表格条目的评论。NameCommentJason还有使表格可排序的javascript(我在网上找到了一个使表格可排序的辅助函数)//ReturnahelperwithpreservedwidthofcellsvarfixHelper=function(e,ui){ui.children().each(function(){$(this).width($(this).width());});returnui;};$("#status").sortable

javascript - 使文本在 jQuery Sortable parent 的 textarea 中可选择

我有一个表格,我使用jQueryUI的Sortable函数使其主体可排序。在这个可排序的表格中,我有一个文本区域,允许用户输入有关给定表格条目的评论。NameCommentJason还有使表格可排序的javascript(我在网上找到了一个使表格可排序的辅助函数)//ReturnahelperwithpreservedwidthofcellsvarfixHelper=function(e,ui){ui.children().each(function(){$(this).width($(this).width());});returnui;};$("#status").sortable

html - CSS 填充顶部 : 100% uses width of parent?

我对这个发现有点迷茫,无法向自己解释这背后的原因。附件fiddle显示两个DIV,一个嵌套在另一个中。外部DIV具有设置的高度和宽度以及相对位置。内部DIV也有一个设置的高度和宽度。除此之外,它的顶部、右侧和底部填充设置为100%。\据我了解,填充将基于父级的高度和宽度派生。但是,结果显示所有填充(顶部、右侧和底部)仅引用父级的宽度。似乎所有浏览器都呈现相同的结果。因此,它必须是某些标准的一部分。我的问题是,为什么要以这种方式实现,以及是否有一种方法可以让我在顶部和底部填充时引用父级的高度而不是父级的宽度。 最佳答案 是的,关于pa