2016-07-02 1 views
0

나는 건물에서 일하고있는 웹 사이트에 html 코드를 호스팅하기 위해 github을 사용하고 있으며, 윈도우 위엔 스크롤의 하단에 오디오 플레이어를 추가하고 싶습니다. 한순간에했는데 USB 플래시 드라이브가 손상되어서 파일을 영원히 잃어 버렸습니다. 누구든지 쉬운 방법을 알고 있습니까? div를 사용하지 않고이 작업을 수행 했으므로 그대로 유지하고 싶습니다.
스크롤하는 동안 간단한 <audio> 요소를 브라우저 창의 아래쪽에 머물게하려면 어떻게해야합니까?

bottom: 0; position: fixed; right: 0;
+0

총수 : 고정; 하단 : 0 –

+0

작성한 코드를 공유 할 수 있습니까? –

+0

최신 코드는 현재 Github Repo에 저장되어 있습니다. 이 파일은 https://github.com/The-Unnamed-Engineer/Website-coding/tree/gh-pages에있는 Test.html –

답변

0

당신 필요! 미리

#fixed{ 
 
    position:fixed; 
 
    bottom:0px; 
 
    right:0px; 
 
}
<html> 
 
<body> 
 
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>End of Page 
 
<audio id = "fixed" controls> 
 
<source src = "audio.mp3" type = "audio/mpeg"> 
 
</audio> 
 
</body> 
 
</html>

감사

+0

이미 설정되어 있다고 확신합니다. 그러나 자유롭게 느낄 수도 있습니다. 자식 복사를 변경합니다. 나는 중심으로하려고 할 수 있도록 오른쪽으로 자동으로 설정했습니다. –

+0

나는 그것을 검사했다. 음악 클래스를 사용하여 CSS를 정의했지만 오디오 태그 클래스를 음악에 제공하는 대신 오디오 태그에서 스타일 음악을 부여했습니다. 그것을 확인하십시오. 페이지 오른쪽 하단에있는 경우 자동 대신 CSS에서 오른쪽 : 0을 사용하십시오. –

+0

페이지의 아래쪽 중앙에 배치하고 싶습니다. 수업은 조금 더 좋아 보인다. –

0

HTML과 CSS가

<html> 
<style> 
    #fixed{ 
     position:fixed; 
     bottom:0px; 
     right:0px; 
    } 
</style> 
<body> 
<audio id = "fixed" controls> 
<source src = "audio.mp3" type = "audio/mpeg"> 
</audio> 
</body> 
</html> 

체크 아웃 조각을

가 ...이 희망 사용 CSS 스타일이 무엇 인 오디오 스타일 속성에 약간의 CSS를 팅겨에 대한 어떤

+0

가능한 한 하나의 .html 파일에 모두 보관하고 싶습니다. –

+0

답변을 업데이트했지만 페이지에 데이터가있을 때까지 수정 된 모양이 아닙니다. 스 니펫과 마찬가지로
태그의 공백이 있습니다. 그래도 문제가 있으면 의견을 말하십시오. –

+0

사실 지금 작동 중입니다. 나는 class = 음악이어야했을 때 스타일 = 음악을 가지고있었습니다. –

관련 문제