为什么显示不了那个碟片的效果啊

来源:3-3 移动端项目开发----表示层

剩下的盛夏3387031

2016-08-06 11:13

*{

margin: 0;

padding: 0;

border: none;

font-size: 1.5625vw;

font-family:'Microsoft Yahei';

}


#music {

position: fixed;

top: 3vh;

right: 4vw;

z-index: 5;

width: 15vw;

height: 15vw;

border: 4px solid #ef1639;

border-radius: 50%;

background:#fff;


}


#musci>img:first-of-type{

position: absolute;

top: 24%;

right: 2.5%;

width: 28.421%;


}


#musci>img:last-of-type{

position: absolute;

top: 0;

right: 0;

bottom: 0;

left: 0;

margin: auto;

width:79%;


}



<!DOCTYPE html>

<html>

 <head>

  <meta charset="UTF-8">

  <title>慕课贺春</title>

  <link rel="stylesheet" href="style.css" type ="text/css" />

 </head>

 <body>

<div id="music" >

<img src="image/music_pointer.png" >

<img src="image/music_disc.png" >


</div>


写回答 关注

1回答

  • qq_FengC
    2016-08-06 14:06:05
    已采纳

    #musci>img:first-of-type写错了,应该是music

    剩下的盛夏3...

    非常感谢!

    2016-08-06 22:56:42

    共 1 条回复 >

HTML5+CSS3实现春节贺卡

又逢新春佳节,春节贺卡搞起来,学会HTML5+CSS3实现春节贺卡

110033 学习 · 450 问题

查看课程

相似问题