2014-09-19 6 views
-1

Firefox에서 모든 것이 예상대로 렌더링되는 것으로 보이지만 Chrome 및 IE에서 내 배경 이미지가 전혀 렌더링되지 않습니다.배경 이미지가 IE 및 Chrome에 표시되지 않습니다.

누군가 내 코드를 확인하고 과거에 효과가 있었던 몇 가지 솔루션을 제공 할 수 있습니까?

 <!DOCTYPE html> 
<html> 
<head> 
<title>Treadstohne Group | Aviation Consulting Services | Stan Gadek</title> 
<style type="text/css"> 
body { 
    color: #444444; 
    font-family: helvetica, arial,sans-serif; 
    font-style: none 
    height:100%; 
    min-height:100%; 
    background-image: url("http://p3plcpnl0658.prod.phx3.secureserver.net:2083/cpsess9841192309/viewer/home%2fsgadek%2fpublic_html%2fimages/background.jpg")no-repeat cover; 
    min-height:100%; 
} 
html { 
    height:100%; 
    min-height:100%; 
} 
#bg { 
    position: fixed; 
    top: 0; 
    left: 0; 
    /* Preserve aspet ratio */ 
    min-width: 100%; 
    min-height: 100%; 
} 
h2 { 
    font-size: 15px 
} 
#bodycontent{ 
    position:absolute; 
    top:25%; 
    left:35%; 
    margin:-100px 0 0 -150px; 
} 
#padding { 
    width: 800px; 
    padding: 25px; 
    margin: 25px; 
    /* default fallback */ 
    background: rgb(255, 255, 255) transparent; 
    /* nice browsers */ 
    background: rgba(255, 255, 255, 0.7); 
    border-radius: 6px; 
} 
hr { 
    border: 0; 
    height: 0; 
    border-top: 1px solid rgba(0, 0, 0, 0.1); 
    border-bottom: 1px solid rgba(255, 255, 255, 0.3); 
    width: 800px 
} 
/* unvisited link */ 
a:link { 
    color: #21759b; 
    text-decoration: none 
} 
/* visited link */ 
a:visited { 
    color: #21759b; 
} 
/* mouse over link */ 
a:hover { 
    color: #000000; 
} 
</style> 
<!--begin of analytics script--> 
<script> 
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 
    })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); 

    ga('create', 'UA-48171310-1', 'auto'); 
    ga('send', 'pageview'); 
</script> 
<!--end of analytics script--> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<meta name="description" content="Treadstohne Group - Aviation Consulting Services"> 
    <meta name="keywords" content="aviation consulting services, treadstohne group, aviation, treadstohne, treadstone, stan gadek, airline consulting, airline industry, U.S. airline consulting, airline consultant "> 
</head> 
<div id="bg"> 
<body> 
</div> 
<div id="bodycontent"> 
<div id="padding"> 
<h1>Treadstohne Group</h1> 
<h2>&nbsp;Aviation Consulting Services</h2> 
<hr> 
<h3>Treadstohne Group is not your typical aviation consulting firm.</h3> 
     <p>With CEO and CFO expertise in strategic planning, operations, finance and restructuring in the aviation and aerospace sectors, TreadStohne Group offers business consulting and advisory services to senior management and directors. Our experience includes planning, financial modeling, aerospace manufacturing, supply chain management, M&amp;A, LEAN process in service environments, and labor/management relations. </p> 
     <p>Recent engagements and associations include:</p> 
      <ul> 
        <li>A commercial helicopter company providing services in the forestry, oil and gas, construction, and military sectors.</li> 
        <li>A large military charter and cargo operator.</li> 
        <li>Commuter airline undergoing a financial restructuring.</li> 
        <li>An aerospace manufacturer of private jet aircraft.</li> 
        <li>A regional avionics firm engaged in sales, installation and service.</li> 
        <li>Advisor to public equity for the evaluation of aviation and aerospace investments.</li> 
      </ul> 
      <hr> 
     <p>Please contact Stan Gadek, Principal for more information at:</p> 
     <p><a href="mailto:[email protected]">[email protected]</a><p> 
</div> 
</div> 
</body> 
</html> 

감사

+3

코드를 확인하려면 코드를 확인해야합니다. – ncksllvn

+0

좋아 - 그곳에! – Kevin

+0

try html5 doctype –

답변

2

마크 업이 올바르지 않습니다. 이 있습니다

<div id="bg"> 
<body background="http://p3plcpnl0658.prod.phx3.secureserver.net:2083/cpsess9841192309/viewer/home%2fsgadek%2fpublic_html%2fimages/background.jpg"> 
</div> 

그것은 무언가 같이해야 할 때 : 또한 등등, 배경-크기를 설정 반복해야 할 수도 있지만, 당분간, 이것은 당신입니다

<body style="background:url('http://p3plcpnl0658.prod.phx3.secureserver.net:2083/cpsess9841192309/viewer/home%2fsgadek%2fpublic_html%2fimages/background.jpg')"> 

발행물. 또한,이 같은 대체 것 : CSS에서 다음

HTML 마크 업

<body> 
your content 

body{background:url('http://p3plcpnl0658.prod.phx3.secureserver.net:2083/cpsess9841192309/viewer/home%2fsgadek%2fpublic_html%2fimages/background.jpg') no-repeat cover} 
+1

그는 또한 끝 헤드 태그 외부에 메타 태그를 가지고 있습니다. – Joseph

+0

메타 태그가 좋은 점 - 마틴, 나는 당신이 제안한 변경을했고 지금은 파이어 폭스에서 렌더링하고 싶지 않다 ... 너무 실망 스럽다! – Kevin

+0

내가 당신에게 준 것은 매우 기본적인 것이므로, HTML에서 엉망진창을 가지고 있기 때문에 더 많은 문제가있을 것입니다. 전체 HTML을 가지고 질문을 편집하지 마십시오. 이제 볼 수 있습니다. 뭐가 문제 야? –

0

왜 :

body { 
color: #444444; 
font-family: helvetica, arial,sans-serif; 
font-style: none 
height:100%; 
min-height:100%; 
background-image: url("http://p3plcpnl0658.prod.phx3.secureserver.net:2083/cpsess9841192309/viewer/home%2fsgadek%2fpublic_html%2fimages/background.jpg"); 
    background-repeat: no-repeat; 
} 

아니 그 그 확실하게 문제를 해결할 것입니다. b 당신은 왜 CSS를 사용하지 않는 CSS를 사용하는 경우?

관련 문제