我有一个 HTML 像
<div class="a">
<div class="b">
something
</div>
<div class="c">
<div class="subC">
i want to access
</div>
</div>
</div>
和 jquery 一样
$('.a').hover(function(){
$(this).children('.subC').fadeOut();
})
我想访问“subC”类，但上面不起作用。
我也试过
$('.a').hover(function(){
$(this).children('.c .subC').fadeOut();
})
但这也行不通！
这个问题有什么解决办法！我做错了什么吗？请帮忙
以下代码显示了 div 标签中的图像。
<div class='item'>
<img class='img' src="image1.png" alt="" />
</div>
我正在使用以下 css 向 html 图像代码添加效果：
img{
width:50px;
height:50px;
opacity:0.4;
filter:alpha(opacity=40);
}
img:hover{
opacity:1.0;
filter:alpha(opacity=100);
}
我正在使用它在 css 中产生不透明效果。使用此代码，当我将鼠标悬停在图像本身上时，不透明度效果很好。但是我该如何做到这一点，以便当我将鼠标悬停在 div 标签上时会发生图像上的不透明效果。我希望能够将鼠标悬停在封装图像的项目 div 的任何部分上，以获得图像上的更改不透明度效果。NB 效果只是图像而不是整个 div。这可以在css中完成吗？如果是这样怎么办？
有谁知道如何使 CSS 链接悬停属性适用于未链接到另一个 html 页面或锚点的链接？
例如这有效：
<a href="page1.html">Page1</a>
<a href="#page9">Link</a>
a:hover,a:visited:hover{
color:#fff;
text-decoration:none;
}
a:link,a:visited{
color:#555;
text-decoration:none;
}
但是当我将链接更改为不是锚点或 html 文件的链接时，假设是一个 mailto：
<a href='mailto:bla@bla.com'>Send email</a>
当我将鼠标悬停在链接上时，它不再改变颜色。为什么是这样？
我想仅使用 css 在鼠标悬停时隐藏 div 元素。
<div>Stuff shown on hover</div>
div {
display: block;
width:100px;
height:100px;
border: solid black;
}
div:hover {
display: none;
}
为什么这不起作用？
如果我想改变 - 例如 - 背景，它工作得很好：
div:hover {
background-color: red;
}
无法隐藏/显示我正在应用悬停选择器的相同元素？
如何在悬停列表项时更改其他项的CSS？我的意思是,当我徘徊时,Item 1我希望其他人拥有,让我们说,情人不透明,以产生一个亮点效果.我更喜欢纯粹的CSS,但如果不可能也喜欢jquery.谢谢.
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
<li>Item 5</li>
</ul>
我有这样的事情:
<?php
$show_title = urlencode(row_Something['text']);
echo '<td title='.$show_title.'>;
?>
当我将鼠标悬停在表格的单元格上时,它会显示*row_Something ['text']*,就像房子是红色的那样.如果我只使用
$show_title = (row_Something['text']);
我只得到的.
如果我使用
$show_title = urlencode(row_Something['text'])
我得+ +房子+是+红色.我做错了什么？谢谢!
我有一个在地图上放置标记的scipt,每个标记都有它的唯一ID设置如下:
marker = new google.maps.Marker({
position: position,
map: map,
icon: markerImg,
id: uniqueid()
});
将每个标记推送到聚类器后,我运行一个函数,构建一个包含地图上所有标记的侧栏.该侧栏的每个div代表一个标记:
<div id="sidebar">
<div id="marker1234"></div>
<div id="marker1235"></div>
<div id="marker1236"></div>
...
</div>
如何创建一个悬停div的功能,突出显示地图上的相应标记？问题是我不知道如何通过其ID来定位单个标记.
我看到了一些像这样的解决方案http://www.geocodezip.com/v3_MW_example_hoverchange.html(在StackOverflow上找到),但它依赖于另一种方法来构建侧边栏...
PS.我想避免在每次悬停标记列表时循环所有标记...
我有一个非常简单的链接,显示为块,角落里有一个小绿星.
我想这样做,当你将鼠标悬停在链接上时,链接本身会略微透明,但:before伪选择器不会受到影响.
我看了一些关于这方面的问题,但由于某种原因,我无法让他们的解决方案起作用.这可能吗？我不确定我是否只是编写错误的CSS选择器.
编辑:理想情况下,我希望能够处理背景图像和背景颜色.
所以我正在我的投资组合网站上工作.其中一个列有四个div,每个div都有一个内部按钮(),通向另一个页面(Resume,Portfolio,Contact等).我想弄清楚的是如何使用{和}创建一个排序选择器.我真的很喜欢每个链接周围的括号外观,例如当你将鼠标悬停在Resume上时,它会从Resume更改为{Resume}.我已经搞乱了一段时间的CSS并且在颜色上获得了很好的1s转换,但是我不知道如何让我的选择器的想法发挥作用.我一直在尝试使用JS/jQuery在悬停时为每个添加{和},但我似乎无法使它工作.我的JS绝对是初学者,我没有看到谷歌搜索中有任何帮助.
这是相关列的代码:
<div class="col-xs-12 col-sm-3 col-lg-4">
<div class="resume button links marginTop"><a href="resume.html" class="btn">Resume</a></div>
<div class="portfolio links button"> <a href="portfolio.html" class="btn">Portfolio</a></div>
<div class="photography links button"><a href="photography.html" class="btn">Photography</a></div>
<div class="contact links button"><a href="mailto:me@me.me" class="btn">Contact</a></div>
</div>
我的JS:
$(function() {
$('.links').hover(function(){
var text = (this).text();
$(this).text = "{ " + text + " }";
});});
我确定我搞乱了HTML或JS(或两者兼而有之),但我似乎无法搞清楚.任何帮助都会很棒!
PS:我在问,我应该使用列表(UL？)作为我的链接与单独的div,就像我目前在列中一样？链接是垂直方向的.
我得到了这两个div.
当第一个div(红色)悬停它时,我需要弹出第二个div(蓝色),现在只有当指针触摸隐藏的第二个div时才会出现.
http://codepen.io/IvanPalma/pen/XXpwoW?editors=110
.first-div {
background-color: red;
height: 300px;
width: 300px;
}
.second-div {
background-color: blue;
height: 200px;
width: 100px;
position: absolute;
left: 250px;
opacity:0;
}
.second-div {
background-color: blue;
height: 200px;
width: 100px;
position: absolute;
left: 250px;
opacity:0;
}
.second-div:hover {
opacity:1;
}<div class="first-div">
<div class="second-div">
</div>
</div>