CSS3工具提示-将悬停时的CSS属性应用于相邻元素

时间:2019-12-28 11:10:19

标签: javascript html css

我正在开发Amazon.com Marketplace集成工具提示。当前,通过在鼠标悬停窗口“ a:hover”上进行惰性事件处理而处理成CSS对象模型(CSSOM)的“动画工具提示”,将在鼠标操作之后将与内容块-HTML5语义“文章”相邻的内容向下移动。什么样的定位,显示,y溢出和其他各种组合式CSS文档对象模型设置都会避免相邻内容向下移动。

内容显示在Conconncismism文本H3元素中-位于

http://rastafarianreggae.com/anthony_b_killed_in_may_2019_vatican_kkk_integrated_murders_twenty_first_century.php

CSS编码:

 #TafariVision2020Research { position: relative; display: block; margin-left: auto; margin-right: 
 auto; width:auto; height:auto; z-index: 1;}

相邻块设置:

 .page-id-conflict_minerals_books h3 { 
 color: #ffe50e;
 font-family: 'Oswald', 'Oswald', "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, 
 "AppleGothic", sans-serif;
 -webkit-font-smoothing: antialiased;
 font-weight: 100 !important;
 text-decoration: none;
 text-shadow: 1px 1px 1px rgba(255,4,4,0.41), 1px 1px 1px #04a040 !important;
 font-size: 19.96px; 
 }

什么内容块设置调整将防止在悬停事件时相邻内容向下移动?我试图利用还原CSS函数语义调整属性,但是浏览器的CSS无法识别选择器CSS编码。

尚不确定,但过时的CSS3编码可能是主要问题。 CSS3将需要针对高级3D动画的特定选择器预设设置,从而可以将内容与CSS AfterEffects和CSS4中的其他Creative Suite应用程序一样对待。

CSS3应该与Adobe应用程序的内容属性管理模式统一运行,并与JS和过时的Flash配合使用相关的一致的UX设计模式。

0 个答案:

没有答案