Question

除了我的鼠标激活外，一切正常：当它经过圆圈应该正常放置的区域时悬停（我在CSS上改变位置）。如何将：悬停区域移动到圆圈所在的位置？

html:
<div id="texto_circulo">
 <a href="facebook.com"><b>Outsourcing empresarial</b>
 <br>
  para hacer crecer 
 <br>
<b>tu negocio</b>
</a>
</div>



 css:
#tu-negocio a {
  height: 400px;
  width: 400px;
  font-size:2.2em;
  color:#fff !important;
  line-height:150%;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  background: #009CDE;
  border-radius:50%;
  position:relative ;
  top:-10px;
  left:66%;
  z-index:1;
  opacity:0.7;
  filter:alpha(opacity=70); /* For IE8 and earlier */
  }


#tu-negocio a:hover {
  height: 400px;
  width: 400px;
  font-size:2.2em;
  color:#fff !important;
  line-height:150%;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  background: #E22F05;
  border-radius:50%;
  position:relative ;
  top:-10px;
  left:66%;
  z-index:1;
  opacity:0.8;
  filter:alpha(opacity=80); /* For IE8 and earlier */
  }

Answer 1

您没有id tu-negocio的元素。试试这个：

 <div id="tu-negocio">
 <a href="facebook.com"><b>Outsourcing empresarial</b>
 <br>
  para hacer crecer 
 <br>
<b>tu negocio</b>
</a>
</div>
<style>
#tu-negocio a {
  height: 400px;
  width: 400px;
  font-size:2.2em;
  color:#fff !important;
  line-height:150%;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  background: #009CDE;
  border-radius:50%;
  position:relative ;
  top:-10px;
  left:66%;
  z-index:1;
  opacity:0.7;
  filter:alpha(opacity=70); /* For IE8 and earlier */
  }


#tu-negocio a:hover {
  height: 400px;
  width: 400px;
  font-size:2.2em;
  color:#fff !important;
  line-height:150%;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  background: #E22F05;
  border-radius:50%;
  position:relative ;
  top:-10px;
  left:66%;
  z-index:1;
  opacity:0.8;
  filter:alpha(opacity=80); /* For IE8 and earlier */
  }
</style>

如何使用属性在元素内部生成：hover区域？

1 个答案: