我怎么能隐藏副本悬停

Question

我试图隐藏悬停。如果我改变.wokcen的颜色，它已经是隐藏的部分，它再次反映出来！我发现堆栈溢出，但似乎没有人做这个技巧请有人帮助我！

https://jsfiddle.net/shaik_aswad6/djqtx86s/

这是我的代码

<style type="text/css">.price1
{
    background:url(Device_Price2.jpg) no-repeat; width:300px; height:280px; text-align:center; position: relative;
}
.up
{
    bottom:0px; 
    position:absolute;
    width:300px;
    height:20%;
    background-color:#000000;
    opacity: 0.5;
    filter: alpha(opacity=50);

}
.wokcen
{
    font-size:125%;
    font-weight:700;
    color:#ffffff;
    margin:5%;
    opacity:1;
    /*margin:auto ;
*/
    text-align:center;


}

.up:hover
{
    height:100%;
    background-color:#000000;
    opacity: 0.6;
    filter: alpha(opacity=60);
    text-align:center; transition: .4s;
    display: block;
}



.up:hover .wokcen {
    display: block;
    z-index: 200;
}
.priceinformation
{
    display: block;
    font-size:13px;
    padding:15px;

}

</style>

<div class="price1">
                <div class="up">
                    <div class="wokcen">Get Your Device Price <span class="priceinformation">Select your device & we'll help you unlock the best selling price based on the present conditions of your gadget & the current market price.</span>
                    </div>
                 </div>

谢谢

Answer 1

您可以将.up用于 public List<Contact> getAllContacts() { List<Contact> contactList = new ArrayList<Contact>(); // Select All Query String selectQuery = "SELECT * FROM " + TABLE_CONTACTS; SQLiteDatabase db = this.getWritableDatabase(); Cursor cursor = db.rawQuery(selectQuery, null); // looping through all rows and adding to list if (cursor.moveToFirst()) { do { Contact contact = new Contact(); contact.setID(Integer.parseInt(cursor.getString(0))); contact.setName(cursor.getString(1)); contact.setPhoneNumber(cursor.getString(2)); // Adding contact to list contactList.add(contact); } while (cursor.moveToNext()); } // return contact list return contactList; } 类，以便隐藏它，然后在悬停时它会将隐藏部分溢出释放为可见。如果我的问题是正确的，那么这里就是小提琴。

Fiddle