CSS: 附加Logo在圖片上
CSS: 使用afrer偽元素 附加Logo在圖片上
第一種:
{$class}:after {
content: url('logo.png');
}
可能不適用在IE7
第二種:
{$class}:after {
background-image: url('logo.png');
background-size: 10px 20px; /* 需要跟下面的width 和 height 一樣*/
position: absolute;
right: 5px; /* 右上角 */
display: inline-block;
width: 10px;
height: 20px;
content:"";
}
參考: https://stackoverflow.com/questions/8977957/can-i-change-the-height-of-an-image-in-css-before-after-pseudo-elements
https://stackoverflow.com/questions/946403/insert-image-after-each-list-item
GOOGLE關鍵字:
css content image after
第一種:
{$class}:after {
content: url('logo.png');
}
可能不適用在IE7
第二種:
{$class}:after {
background-image: url('logo.png');
background-size: 10px 20px; /* 需要跟下面的width 和 height 一樣*/
position: absolute;
right: 5px; /* 右上角 */
display: inline-block;
width: 10px;
height: 20px;
content:"";
}
參考: https://stackoverflow.com/questions/8977957/can-i-change-the-height-of-an-image-in-css-before-after-pseudo-elements
https://stackoverflow.com/questions/946403/insert-image-after-each-list-item
GOOGLE關鍵字:
css content image after
留言
張貼留言