在下面的小提琴中,我分别对可见性和不透明度进行了转换.后者有效,但前者没有.此外,在可见性的情况下,转换时间被解释为悬停时的延迟.适用于Chrome和Firefox.这是一个错误吗？
http://jsfiddle.net/0r218mdo/3/
情况1:
#inner{
visibility:hidden;
transition:visibility 1000ms;
}
#outer:hover #inner{
visibility:visible;
}
案例2:
#inner1{
opacity:0;
transition:opacity 1000ms;
}
#outer1:hover #inner1{
opacity:1;
}
感谢任何类型的帮助来解决此问题：-
.one-scroll {
max-height: 160px;
max-width: 450px;
background: #f7f7f7;
position: relative;
z-index: 100 !important;
}
.one-scroll.table-scrollable {
overflow-x: hidden;
overflow-y: hidden;
}
.one-scroll.table-scrollable:hover {
overflow-x: auto;
overflow-y: auto;
z-index: 100 !important;
}<!Doctype html>
<html>
<head>
<style></style>
</head>
<body>
<br/>
<br/>
<section class="one-scroll table-scrollable">
<table class="table table-bordered">
<thead>
<tr>
<th>Select Module</th>
<th>Select Fields</th>
<th>Select Operators</th>
<th>Select Vaue</th>
<th>Action</th>
</tr>
</thead>
<tbody>
<tr>
<td><Select class="form-control">
<option>Related Module</option>
<option>Invoice</option>
<option>Account</option>
<option>Dispatch</option>
<option>Contact</option>
</select></td>
<td><Select class="form-control">
<option>Selct Field</option>
</select></td> …