Tag: css

如何在父div的鼠标hover上显示子div

我有一些父div(.parent_div),每个包含一个子div(.hotqcontent),我使用循环从我的数据库输出数据。 以下是我目前的加价: content of first div goes here… content of second div goes here… content of third div goes here… content of fourth div goes here… 我想要实现的是当用户hover/抓住父div时,应该显示其中包含的子div的内容。 为了实现这一点,我编写了以下jQuery脚本,但它似乎没有工作。 它甚至没有显示警报! $(document).ready(function() { $(function() { $(‘.parent_div’).hover(function() { alert(“hello”); $(‘.hotqcontent’).toggle(); }); }); }); 如何修改或替换现有代码以实现所需的输出?

jQuery设置CSS背景不透明度

我有一个 ,它的背景颜色 (而不是它的内容)的透明度我想改变。 远程API发送给我这种颜色: #abcdef 我告诉jQuery(1.9)通过.css应用这种颜色: $(‘div’).css(‘background-color’, ‘#abcdef’); 生成的div具有不是#abcdef的background-color样式,而是具有相同颜色的RGB表示。 background-color: rgb(171, 205, 239); (只是观察;不是问题的一部分) 项目要求已经改变,我现在还需要将背景的透明度改为设定的百分比(50%)。 因此,我想要的background-color属性 background-color: rgba(171, 205, 239, 0.5); 但是,我找不到使用jQuery(hex颜色代码)设置此背景颜色属性的方法,并仍然应用alpha值。 opacity会影响div的内容以及背景,因此它不是一个选项。 $(‘div’).css(‘background-color’, ‘#abcdef’) .css(‘opacity’, 0.5); // undesirable opacity changes to div’s content 给定字符串#abcdef ,是否只有通过计算(例如hex2dec)才可以将背景不透明度应用于div,如果我只给出一个hex颜色字符串?

Highcharts:使图例符号为正方形或矩形

我正在尝试将图例符号设置为线图的正方形或矩形。 例 这条线很好。 我不想改变线宽。 HTML: 使用Javascript: $(function () { var chart = new Highcharts.Chart({ chart: { renderTo: ‘container’, type: ‘line’, }, xAxis: { categories: [‘Jan’, ‘Feb’, ‘Mar’, ‘Apr’, ‘May’, ‘Jun’, ‘Jul’, ‘Aug’, ‘Sep’, ‘Oct’, ‘Nov’, ‘Dec’] }, plotOptions: { series: { marker: { enabled: false } } }, legend: { layout: ‘vertical’, align: ‘right’, verticalAlign: […]

如何从CSS颜色中提取r,g,b值?

什么是最简单的转型方式 $(‘#my_element’).css(‘backgroundColor’) 像这样的对象: { r: red_value, g: green_value, b: blue_value, a: alpha_value } ?

css:当另一个divhover时显示div

我有2个div。 Div A和​​Div B.如果Div A徘徊,那么我需要显示Div B.这可以用纯css实现吗? 或者,如果我在查询中执行此操作,我如何在假设我们不能对这两个div使用id的情况下使用此基础。 谢谢

jQuery:在IE中动画不透明度

使用具有纯黑色的div可淡化其下方的图像。 在Chrome和Firefox中,这种方法很好,但是,在IE中,它是倒退的。 $(“div#bgcover”).animate( {opacity:.70}, 2500); 这从0%不透明度开始,随着时间的推移应该动画为70%。 然而,在IE中,它从0%跳到100%,然后逐渐减少到70%。 正在寻找一个解决方案。 谢谢。

.fadeOut()方法使用显示属性的可见性属性

.fadeOut()方法为匹配元素的不透明度设置动画。 一旦不透明度达到0,显示样式属性将设置为none,因此该元素不再影响页面的布局,同样适用于fadeIn()。 我的问题是他们是否可以使用可见性属性,因此元素占用页面布局中的空间并且不仅仅是可见的?

计算从绿色到红色的颜色值

我想根据给定的数字计算颜色值。 0 -> pure red 100 -> pure green example: 75 -> color, which is 75% from red to green. 我需要这个到期计数器,它显示适当的颜色,因为天数倒计时。

如何获得显示:IE中的表格单元支持? 任何纯javascript或jQuery解决方法?

如何获得display:table-cell IE中的display:table-cell支持? 我需要最轻的解决方案。

重新启动gif动画而不重新加载文件

是否可以在不下载文件的情况下重新启动gif动画? 我当前的代码如下所示: var img = new Image(); img.src = ‘imgages/src/myImage.gif’; $(‘#id’).css(‘background-image’, ‘url(“‘ + img.src + ‘?x=’ + Date.now() + ‘”)’ ); 编辑 当我将gif插入dom时,它没有重新启动gif动画。 我只能通过在图像src中附加一个随机字符串来实现这一点,但这会再次下载图像。 我想知道是否可以重新启动gif动画而无需下载gif。