Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html CSS悬停+;分区不工作_Html_Css_Hover - Fatal编程技术网

Html CSS悬停+;分区不工作

Html CSS悬停+;分区不工作,html,css,hover,Html,Css,Hover,所以,免责声明,我已经学习HTML和CSS两天了。我想把我的简历变成一个网站会是一个很酷的项目。然而,我在设计体验页面时遇到了一些障碍。理论上,我希望将鼠标悬停在一个div上,然后显示div中包含的一些文本。如果我只使用:hover而不是#att1:hover,则悬停部分可以工作,但如果我这样做,则不能有多个对象。希望这是有道理的 我尝试为每个元素创建一个div,并简单地创建一个div,但是由于元素被放置在时间线内,所以我无法获得页面上正确的格式 另一方面,一旦这个问题得到解决,有没有办法让鼠标

所以,免责声明,我已经学习HTML和CSS两天了。我想把我的简历变成一个网站会是一个很酷的项目。然而,我在设计体验页面时遇到了一些障碍。理论上,我希望将鼠标悬停在一个div上,然后显示div中包含的一些文本。如果我只使用:hover而不是#att1:hover,则悬停部分可以工作,但如果我这样做,则不能有多个对象。希望这是有道理的

我尝试为每个元素创建一个div,并简单地创建一个div,但是由于元素被放置在时间线内,所以我无法获得页面上正确的格式

另一方面,一旦这个问题得到解决,有没有办法让鼠标悬停只应用于图像,而不应用于任何相关的边距/填充

以下是我得到的:

#作业1
{
显示:无;
}
#工作2
{
显示:无;
}
#收件人1:悬停+作业1
{
显示:块;
}
#收件人2:悬停+作业2
{
显示:块;
}

桑坦德消费品美国公司

“Lorem ipsum door sit amet,一位杰出的献身者,他是一位临时劳工和职业经理人。但是,在最低限度上,我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除了偶尔不轻率的行为外,还必须为自己的行为负责。”

桑坦德消费品美国公司2

“知识产权是一种权利,是一种社会精英,是劳动和财富的临时契约。但是,在最低限度上,我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除了偶尔不轻率的行为外,还必须为自己的行为负责。”


如果您稍微更改一下html,就可以完成。将
.textbox
div放在锚之后。然后使用
~
以兄弟姐妹为目标。
+
用于直接兄弟姐妹(如果它紧随其后)

#作业1{
显示:无;
}
#工作2{
显示:无;
}
#收件人1:悬停作业1{
显示:块;
}
#收件人2:悬停作业2{
显示:块;
}

桑坦德消费品美国公司

“知识产权是一种权利,是一种社会精英,是劳动和财富的临时契约。但是,在最低限度上,我们需要一个实验室来进行日常工作。酒后驾车 这是一种不受欢迎的行为,它是一种不受欢迎的行为。除了偶尔不轻率的行为外,还必须为自己的行为负责。”

桑坦德消费品美国公司2

“知识产权是一种权利,是一种社会精英,是劳动和财富的临时契约。但是,在最低限度上,我们需要一个实验室来进行日常工作。酒后驾车 这是一种不受欢迎的行为,它是一种不受欢迎的行为。除了偶尔不轻率的行为外,还必须为自己的行为负责。”


您目前使用的CSS选择器
+
称为
相邻同级选择器
。它将立即选择元素后面的任何元素。这不符合您的需要。最好使用一点JavaScript来执行此操作。您要做的是检查
鼠标指针
鼠标指针
事件,然后相应地处理文本

若要仅检测图像上的悬停,请不要对图像应用边距,而只对周围的链接应用填充

要在页面中安装jQuery,只需在头部添加以下标记:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js" integrity="sha384-3ceskX3iaEnIogmQchP8opvBy3Mi7Ce34nWjpBIwVTHfGYWQS9jwHDVRnpKKHJg7" crossorigin="anonymous"></script>
#附件1#附件2{
文字装饰:无;
}
#工作1{
显示:无;
}
#工作2{
显示:无;
}

桑坦德消费品美国公司

“知识产权是一种权利,是一种社会精英,是劳动和财富的临时契约。但是,在最低限度上,我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除了偶尔不轻率的行为外,还必须为自己的行为负责。”

桑坦德消费品美国公司2

“知识产权是一种权利,是一种社会精英,是劳动和财富的临时契约。但是,在最低限度上,我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除了偶尔不轻率的行为外,还必须为自己的行为负责。”


您要更改的元素必须是元素的子元素,您的鼠标悬停得非常完美!我现在已经让它工作了。我想我不能告诉它忽略时间线的格式,可以吗?您可以指定“时间线”是什么意思吗?您不能实际“忽略”,但您可以在
.textbox
div上应用css属性,并将其设置为
unset
。如
字体大小:取消设置
。或者只是简单地将它们设置为您喜欢的值。
<script>
    Your code here...
</script>