鼠标悬停事件无效

Question

在Bigcommerce网站上工作（stenciul主题）并尝试获取工具提示（带有PMS值的颜色）以显示用户将鼠标悬停在色样上。但是，不能让它开火/工作。鼠标悬停没有任何反应。

以下是样本的代码部分。我在span标记中添加了一个“工具提示”的类名，我想从中获取标题：

WeekDayDelta

    .tooltip {
   		//display: inline;
    	position: relative;
    }
		
    .tooltip:hover {
    	background: rgba(0,0,0,.8);
    	border-radius: 5px;
    	bottom: 10px;
    	color: #fff;
    	content: attr(title);
    	left: 20%;
    	padding: 5px 5px;
    	position: absolute;
    	width: 100px;
    }

感谢任何帮助......

Answer 1

你的:hover css工作正常，见下文，你无法获得结果，因为你什么都没有使用css。我只是在包含你的tooltip类的span内写了随机单词来检查它，看它的工作正常。

＆＃13;

＆＃13;

.tooltip {
   			//display: inline;
    		position: relative;
    }
		
    .tooltip:hover {
    		background: rgba(0,0,0,.8);
    		border-radius: 5px;
    		bottom: 10px;
    		color: #fff;
    		content: attr(title);
    		left: 20%;
    		padding: 5px 5px;
    		position: absolute;
    		width: 1000px;
    }

＆＃13;

<input class="form-radio" type="radio" name="attribute[12175]" value="1061" id="attribute_1061"  required>
        <label class="form-option form-option-swatch" for="attribute_1061" data-product-attribute-value="1061">
                        <span class='form-option-variant form-option-variant--color tooltip' title="Graphite (PMS Black 7)" style="background-color: #4E4B49">fdgergerg</span>
        </label>

＆＃13;

＆＃13;

＆＃13;