/* Document : style Created on : Jun 12, 2015, 1:36:05 PM Author : WN00066349 Description: Purpose of the stylesheet follows. */ root { display: block; } div.wrapper{ position:relative; /* important(so we can absolutely position the description div */ /* width: 170px; height: 170px;*/ overflow: hidden; } .wrapper div.description{ position:absolute; /* absolute position (so we can position it where we want)*/ bottom:0px; /* position will be on bottom */ left:0px; transition: 300ms ease-out; /* styling bellow */ background-color:black; font-family: 'tahoma',"Microsoft Yahei","微软雅黑"; font-size:15px; color:white; display: table-cell; vertical-align: bottom; box-sizing: content-box; width: 100% !important; opacity: 0.7; } .description{ position:absolute; /* absolute position (so we can position it where we want)*/ bottom:0px; /* position will be on bottom */ left:0px; transition: 300ms ease-out; font-size:15px; vertical-align: bottom; box-sizing: content-box; } div.description_content{ font-family: Arial,Helvetica,"Microsoft Yahei","微软雅黑",sans-serif; padding: 10px; font-size: 15px; position: relative; left: 0; line-height: 1.2; } td { padding: 6px; } @media all and (max-width: 768px) { div.description { position: relative; display: block; background-color: transparent; color: #000; width: 100%; } div.description_content { padding: 10px 10px 10px 0; font-size: 13px; width: 90%; color: #000; } }