Fatal编程技术网
  • html/
  • Html 图像已从显示中消失，但它'；在那里

Html 图像已从显示中消失，但它'；在那里

html css

Html 图像已从显示中消失，但它'；在那里,html,css,Html,Css,我决定尝试一种新的叫做金刚鹦鹉猩红的程序。我设置了一个页面，一切都进行得很顺利，但是当我将代码移动到Dreamweaver中时，一个图像消失了。我已经摆弄这个好几个小时了，现在我要发疯了。这是一个基本的问题，我认为没有z指数，但是给它一个并没有改变问题。CSS是在页面本身，因为它是一个单页交易。 缺少的图像是UPS徽标，位于其他客户端徽标旁边，最后一行。我会给你一个行号，但是没有：( 请善良的灵魂告诉我我错过了什么 <!doctype html> <html> &

我决定尝试一种新的叫做金刚鹦鹉猩红的程序。我设置了一个页面，一切都进行得很顺利，但是当我将代码移动到Dreamweaver中时，一个图像消失了。我已经摆弄这个好几个小时了，现在我要发疯了。这是一个基本的问题，我认为没有z指数，但是给它一个并没有改变问题。CSS是在页面本身，因为它是一个单页交易。 缺少的图像是UPS徽标，位于其他客户端徽标旁边，最后一行。我会给你一个行号，但是没有：(

请善良的灵魂告诉我我错过了什么

    <!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="initial-scale=1.0">
<title>index</title>

 <style type="text/css">
@font-face {
    font-family: 'Open Sans', sans-serif;
    src: <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800' rel='stylesheet' type='text/css'>
    font-weight: 400;
    font-style: normal;
}

h1  {
color: #FFFFFF;
font-family: 'Open Sans', sans-serif;
font-size: 18px;
font-weight: bold;
line-height:2;
margin-top: 30px;
margin-bottom: 1px;
}

h2  {
color: #FFFFFF;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: normal;
line-height:1.38;
margin-top: 0px;
margin-bottom: 0px;
}

h3  {
color: #000000;
font-family: 'Open Sans', sans-serif;
font-size: 18px;
font-weight: bold;
line-height:1.38;
margin-top: 30px;
margin-bottom: 1px;
}

h4  {
color: #000000;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: normal;
line-height:1.38;
margin-top: 0px;
margin-bottom: 0px;
}

 .fluid-span-1 {
  width: 6.5%;
}

.fluid-span-2 {
  width: 15%;
}

.fluid-span-3 {
  width: 23.5%;
}

.fluid-span-4 {
  width: 32%;
}

.fluid-span-5 {
  width: 40.5%;
}

.fluid-span-6 {
  width: 49%;
}

.fluid-span-7 {
  width: 57.5%;
}

.fluid-span-8 {
  width: 66%;
}

.fluid-span-9 {
  width: 74.5%;
}

.fluid-span-10 {
  width: 83%;
}

.fluid-span-11 {
  width: 91.5%;
}

.fluid-span-12 {
  width: 100%;
}

.fluid-offset-1 {
  margin-left: 8.5%;
}

.fluid-offset-2 {
  margin-left: 17%;
}

.fluid-offset-3 {
  margin-left: 25.5%;
}

.fluid-offset-4 {
  margin-left: 34%;
}

.fluid-offset-5 {
  margin-left: 42.5%;
}

.fluid-offset-6 {
  margin-left: 51%;
}

.fluid-offset-7 {
  margin-left: 59.5%;
}

.fluid-offset-8 {
  margin-left: 68%;
}

.fluid-offset-9 {
  margin-left: 76.5%;
}

.fluid-offset-10 {
  margin-left: 85%;
}

.fluid-offset-11 {
  margin-left: 93.5%;
}

body {background-color:#999999;
    font-size:1em;
}

.about{
    position: relative;
    float: left;
    clear: both;
    width: 100%;
    height: 240px;
    background-image: url(images/backgrounds/lt_gray.png);
    background-size: auto auto;
}

.blurb {
    position:absolute;
    top:0;left:17%;
    width:33%;
    height:283px;
}

.blurb2 {
    float:left;
    width:50%;
    height:239px;
    margin-left:40.9492199999%;
}

.clients {
    position:relative;
    float:left;
    clear:both;
    width:33%;
    height:100px;
    margin:400px 0 0 17%;
}

.content{
    position: absolute;
    top: 100px;
    left: 0;
    z-index: 4;
    width: 100%;
    height: 500px;
    background-image: url(images/backgrounds/dk_gray.png);
    background-size: auto auto;
    background-position: left top;
}

.facebook {
    display:block;
    position:absolute;
    top:0;
    left:-0.2588757397%;
    width:25px;
    height:auto;
    overflow:hidden;
    z-index:5;
}

.form {
    position:absolute;
    top:0;left:51.8333333333%;
    width:33%;
    height:350px;
}

.google {
    display:block;
    position:absolute;
    top:0;left:143px;
    width:25px;
    height:auto;
    overflow:hidden;
    z-index:8;
}

.header {
    position:relative;
    float:left;
    width:100%;
    height:100px;
    background-color:#999999;
}

.image {
    display: block;
    position: absolute;
    top:26px;           
    left: 20.06640625%;
    width: 196px;
    height: auto;
    overflow: hidden;
    top: 25px;
}

.linkedin {
    display:block;
    position:absolute;
    top:0;
    left:95px;
    width:25px;
    height:auto;
    overflow:hidden;
    z-index:7;
}

.logo {
    display:block;
    position:absolute;
    top:28px;
    left:17%;
    width:250px;
    height:auto;o
    verflow:hidden;
}

.pepsi {
    display:block;
    position:absolute;
    top:0;
    left:23.6229482323%;
    width:100px;
    height:auto;
    overflow:hidden;
    z-index:11;
}

.social {
    position:relative;
    float:left;
    width:15%;
    height:25px;
    margin:436px 0 0 12.79948%;
}

.twitter {
    display: block;
    position: absolute;
    top: 0;
    left: 46px;
    width: 25px;
    height: auto;
    overflow: hidden;
    z-index: 6;
}

.ups {
    display: block;
    float: left;
    width: 100px;
    height: auto;
    margin-left: 1.9847%;
    overflow: hidden;
}

.verizon {
    display:block;
    position:relative;
    float:left;
    z-index:12;
    width:100px;
    height:auto;
    margin-left:47.32086%;
    overflow:hidden;
}

._3m{display:block;position:absolute;top:0;left:0;z-index:10;width:100px;height:auto;overflow:hidden;}

.copywrite{
    float: left;
    clear: both;
    width: 100%;
    height: 50px;
    background-color: #999999;
}

.copywrite{
    float: left;
    clear: both;
    width: 100%;
    height: 50px;
    background-color: #999999;
}

.copywrite-2 {
    position:absolute;
    top:850px;left:17%;
    width:39%;
    min-height:25px;
    line-height:1.38;
    color: #000000;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 0px;
}

 </style>
</head>
<body class="body page-index clearfix">
  <div class="header"> <a href="http://www.issuetrak.com/"><img src="images/logo--trans.gif" alt="IssueTrak" class="logo"></a>
  </div>
  <div class="content">
    <div class="blurb"><h1>TRACK COMPLAINTS AND COMPLIMENTS</h1>
      <h2>Working with customers, you're guaranteed at least one complaint. But if you're tracking and resolving those complaints with IssueTrak, you may end up with more than one compliment!                 With IssueTrak, ensure faster customer response times and better quality control by centralizing your customer feedback!</h2>
      <br>
      <h1>SIMPLIFY THE PROCESS</h1>
      <h2>
        <ul>
          <li>Resolve issues by email or web portal</li>
          <li>Mobile access</li>
          <li>Easy to use and configure </li>
          <li>Award-winning Support Team</li>
        </ul>
      </h2></div>
    <div class="form"></div>
  </div>
  <div class="clients clearfix">
    <img src="images/client_logos/pepsi.png" alt="Pepsi uses Issuetrak" class="pepsi">
    <img src="images/client_logos/3M.png" alt="3M uses Issuetrak" class="_3m">
    <img src="images/client_logos/verizon.png" alt="Verizon uses Issuetrak" class="verizon">
    <img src="images/client_logos/ups.png" alt="UPS uses Issuetrak" class="ups">
  </div>
  <div class="social">
    <img src="images/social/gplus.png" alt="Find us on Google+" class="google">
    <img src="images/social/li.png" alt="Find us on LinkedIn" class="linkedin">
    <img src="images/social/t.png" alt="Find us on Twitter" class="twitter">
    <img src="images/social/fb.png" alt="Find us on Facebook" class="facebook">
  </div>
  <div class="about clearfix">
    <img src="images/Dan.jpg" alt="Dan Luhring - CEO" class="image" id="dan">
    <div class="blurb2"><h3>Welcome to IssueTrak</h3><br>
    <h4>IssueTrak is a fast-paced, agile software company based in the Hampton Roads area of
Virginia. We’ve a got a 20-year track record of successfully developing issue-tracking
and process management software for companies of all sizes. 

We’re stoked on innovation and we love data, and we’re harnessing the power of both to
develop a next generation product. We are a customer-centric company with a dedicated
vision of creating the most robust and versatile software solution for our clients.
And, we aren’t afraid to take risks to make this happen.</h4></div>
  </div>
  <footer class="copywrite"><span class="copywrite-2">&copy;2015 Issuetrak, Inc. All Rights Reserved</span></footer>
</body>
</html>


指数
@字体{
字体系列：“开放式Sans”，无衬线；
src:
字体大小：400；
字体风格：普通；
}
h1{
颜色：#FFFFFF；
字体系列：“开放式Sans”，无衬线；
字号：18px；
字体大小：粗体；
线高：2；
边缘顶部：30px；
边缘底部：1px；
}
氢{
颜色：#FFFFFF；
字体系列：“开放式Sans”，无衬线；
字体大小：16px；
字体大小：正常；
线高：1.38；
边际上限：0px；
边缘底部：0px；
}
h3{
颜色：#000000；
字体系列：“开放式Sans”，无衬线；
字号：18px；
字体大小：粗体；
线高：1.38；
边缘顶部：30px；
边缘底部：1px；
}
h4{
颜色：#000000；
字体系列：“开放式Sans”，无衬线；
字体大小：16px；
字体大小：正常；
线高：1.38；
边际上限：0px；
边缘底部：0px；
}
.流体-span-1{
宽度：6.5%；
}
.流体-span-2{
宽度：15%；
}
.流体-span-3{
宽度：23.5%；
}
.流体-span-4{
宽度：32%；
}
.流体-span-5{
宽度：40.5%；
}
.流体-span-6{
宽度：49%；
}
.流体-span-7{
宽度：57.5%；
}
.流体-span-8{
宽度：66%；
}
.流体-span-9{
宽度：74.5%；
}
.流体-span-10{
宽度：83%；
}
.流体-span-11{
宽度：91.5%；
}
.流体-span-12{
宽度：100%；
}
.流体补偿-1{
左缘：8.5%；
}
.流体补偿-2{
左边缘：17%；
}
.流体补偿-3{
左边缘：25.5%；
}
.流体补偿-4{
左边缘：34%；
}
.流体补偿-5{
左缘：42.5%；
}
.流体补偿-6{
左边缘：51%；
}
.流体补偿-7{
左缘：59.5%；
}
.流体补偿-8{
左缘：68%；
}
.流体补偿-9{
左缘：76.5%；
}
.流体补偿-10{
左缘：85%；
}
.流体补偿-11{
左缘：93.5%；
}
正文{背景色：#999999；
字号：1em；
}
.关于{
位置：相对位置；
浮动：左；
明确：两者皆有；
宽度：100%；
高度：240px；
背景图像：url（images/backgrounds/lt_gray.png）；
背景尺寸：自动；
}
.宣传语{
位置：绝对位置；
顶部：0；左侧：17%；
宽度：33%；
高度：283px；
}
.blurb2{
浮动：左；
宽度：50%；
高度：239px；
左缘：40.9492199999%；
}
.客户{
位置：相对位置；
浮动：左；
明确：两者皆有；
宽度：33%；
高度：100px；
利润率：400px017%；
}
.内容{
位置：绝对位置；
顶部：100px；
左：0；
z指数：4；
宽度：100%；
高度：500px；
背景图片：url（images/backgrounds/dk_gray.png）；
背景尺寸：自动；
背景位置：左上；
}
.脸谱网{
显示：块；
位置：绝对位置；
排名：0；
左-0.2588757397%；
宽度：25px；
高度：自动；
溢出：隐藏；
z指数：5；
}
.表格{
位置：绝对位置；
顶部：0；左侧：51.8333333%；
宽度：33%；
高度：350px；
}
.谷歌{
显示：块；
位置：绝对位置；
顶部：0；左侧：143px；
宽度：25px；
高度：自动；
溢出：隐藏；
z指数：8；
}
.标题{
位置：相对位置；
浮动：左；
宽度：100%；
高度：100px；
背景色：#999999；
}
.形象{
显示：块；
位置：绝对位置；
顶部：26px；
左：20.06640625%；
宽度：196px；
高度：自动；
溢出：隐藏；
顶部：25px；
}
.linkedin{
显示：块；
位置：绝对位置；
排名：0；
左：95px；
宽度：25px；
高度：自动；
溢出：隐藏；
z指数：7；
}
.标志{
显示：块；
位置：绝对位置；
顶部：28px；
左：17%；
宽度：250px；
高度：自动；o
verflow：隐藏；
}
.百事可乐{
显示：块；
位置：绝对位置；
排名：0；
左：23.6229482323%；
宽度：100px；
高度：自动；
溢出：隐藏；
z指数：11；
}
.社会{
位置：相对位置；
浮动：左；
宽度：15%；
高度：25px；
利润率：436px012.79948%；
}
.推特{
显示：块；
位置：绝对位置；
排名：0；
左：46px；
宽度：25px；
高度：自动；
溢出：隐藏；
z指数：6；
}
.ups{
显示：块；
浮动：左；
宽度：100px；
高度：自动；
左缘：1.9847%；
溢出：隐藏；
}
威瑞森先生{
显示：块；
位置：相对位置；
浮动：左；
z指数：12；
宽度：100px；
高度：自动；
左缘：47.32086%；
溢出：隐藏；
}
._3m{显示：块；位置：绝对；顶部：0；左侧：0；z索引：10；宽度：100px；高度：自动；溢出：隐藏；}
.文案{
浮动：左；
明确：两者皆有；
宽度：100%；
高度：50px；
背景色：#999999；
}
.文案{
浮动：左；
明确：两者皆有；
宽度：100%；
高度：50px；
背景色：#999999；
}
.copywrite-2{
位置：绝对位置；
顶部：850像素；左侧：17%；
宽度：39%；
最小高度：25px；
线高：1.38；
颜色：#000000；
字体系列：“开放式Sans”，无衬线；
字体大小：12px；
字体大小：正常；
边缘顶部：10px；
边缘底部：0px；
}
跟踪投诉和赞美
与客户合作时，我们保证您至少会收到一次投诉。但如果您使用IssueTrak跟踪并解决这些投诉，您可能会得到不止一次的赞扬！使用IssueTrak，通过集中客户反馈，确保更快的客户响应时间和更好的质量控制！


简化流程

    

  • 通过电子邮件或web门户解决问题
    • 

  • 移动接入
    • 

  • 易于使用和配置
    • 

  • 获奖的Suppo