我试图超链接图像,但是当我这样做时,它会使图像(#26)消失,并取出下面的另一图像的格式,因此它看起来像是有一大块的页脚失踪。超链接图像消失
如果我拿出那个图像的超链接,它会重新出现,格式再次正常。
任何想法?
/* Basic */
\t body {
\t \t background: #fff;
\t }
\t \t body.is-loading *, body.is-loading *:before, body.is-loading *:after {
\t \t \t -moz-animation: none !important;
\t \t \t -webkit-animation: none !important;
\t \t \t -o-animation: none !important;
\t \t \t -ms-animation: none !important;
\t \t \t animation: none !important;
\t \t \t -moz-transition: none !important;
\t \t \t -webkit-transition: none !important;
\t \t \t -o-transition: none !important;
\t \t \t -ms-transition: none !important;
\t \t \t transition: none !important;
\t \t }
\t body, input, select, textarea {
\t \t color: #666;
\t \t font-family: Arial, Helvetica, sans-serif;
\t \t font-size: 10pt;
\t \t font-weight: 400;
\t \t line-height: 1.5em;
\t }
\t a {
\t \t color: #f32853;
\t \t text-decoration: underline;
\t }
\t \t a:hover {
\t \t \t text-decoration: none;
\t \t }
\t strong, b {
\t \t color: #484848;
\t \t font-weight: 700;
\t }
\t em, i {
\t \t font-style: italic;
\t }
\t p {
\t \t margin: 0 0 2em 0;
\t }
\t h1, h2, h3, h4, h5, h6 {
\t \t color: #484848;
\t \t font-weight: 700;
\t \t line-height: 1em;
\t \t margin: 0 0 1em 0;
\t \t text-transform: uppercase;
\t }
\t \t h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
\t \t \t color: inherit;
\t \t \t text-decoration: none;
\t \t }
\t h2 {
\t \t font-size: 1.75em;
\t \t line-height: 1.5em;
\t }
\t h3 {
\t \t font-size: 1.35em;
\t \t line-height: 1.5em;
\t }
\t h4 {
\t \t font-size: 1.1em;
\t \t line-height: 1.5em;
\t }
\t h5 {
\t \t font-size: 0.9em;
\t \t line-height: 1.5em;
\t }
\t h6 {
\t \t font-size: 0.7em;
\t \t line-height: 1.5em;
\t }
\t sub {
\t \t font-size: 0.8em;
\t \t position: relative;
\t \t top: 0.5em;
\t }
\t sup {
\t \t font-size: 0.8em;
\t \t position: relative;
\t \t top: -0.5em;
\t }
\t hr {
\t \t border: 0;
\t \t border-bottom: solid 1px rgba(144, 144, 144, 0.25);
\t \t margin: 2em 0;
\t }
\t \t hr.major {
\t \t \t margin: 3em 0;
\t \t }
\t blockquote {
\t \t border-left: solid 4px rgba(144, 144, 144, 0.25);
\t \t font-style: italic;
\t \t margin: 0 0 2em 0;
\t \t padding: 0.5em 0 0.5em 2em;
\t }
\t code {
\t \t background: rgba(144, 144, 144, 0.075);
\t \t border-radius: 4px;
\t \t border: solid 1px rgba(144, 144, 144, 0.25);
\t \t font-family: "Courier New", monospace;
\t \t font-size: 0.9em;
\t \t margin: 0 0.25em;
\t \t padding: 0.25em 0.65em;
\t }
\t pre {
\t \t -webkit-overflow-scrolling: touch;
\t \t font-family: "Courier New", monospace;
\t \t font-size: 0.9em;
\t \t margin: 0 0 2em 0;
\t }
\t \t pre code {
\t \t \t display: block;
\t \t \t line-height: 1.75em;
\t \t \t padding: 1em 1.5em;
\t \t \t overflow-x: auto;
\t \t }
\t .align-left {
\t \t text-align: left;
\t }
\t .align-center {
\t \t text-align: center;
\t }
\t .align-right {
\t \t text-align: right;
\t }
/* List */
\t ol {
\t \t list-style: decimal;
\t \t margin: 0 0 2em 0;
\t \t padding-left: 1.25em;
\t }
\t \t ol li {
\t \t \t padding-left: 0.25em;
\t \t }
\t ul {
\t \t list-style: disc;
\t \t margin: 0 0 2em 0;
\t \t padding-left: 1em;
\t }
\t \t ul li {
\t \t \t padding-left: 0.5em;
\t \t }
\t \t ul.alt {
\t \t \t list-style: none;
\t \t \t padding-left: 0;
\t \t }
\t \t \t ul.alt li {
\t \t \t \t border-top: solid 1px rgba(144, 144, 144, 0.25);
\t \t \t \t padding: 0.5em 0;
\t \t \t }
\t \t \t \t ul.alt li:first-child {
\t \t \t \t \t border-top: 0;
\t \t \t \t \t padding-top: 0;
\t \t \t \t }
\t \t ul.icons {
\t \t \t cursor: default;
\t \t \t list-style: none;
\t \t \t padding-left: 0;
\t \t }
\t \t \t ul.icons li {
\t \t \t \t display: inline-block;
\t \t \t \t padding: 0 1em 0 0;
\t \t \t }
\t \t \t \t ul.icons li:last-child {
\t \t \t \t \t padding-right: 0;
\t \t \t \t }
\t \t \t \t ul.icons li .icon:before {
\t \t \t \t \t font-size: 2em;
\t \t \t \t }
\t \t ul.actions {
\t \t \t cursor: default;
\t \t \t list-style: none;
\t \t \t padding-left: 0;
\t \t }
\t \t \t ul.actions li {
\t \t \t \t display: inline-block;
\t \t \t \t padding: 0 1em 0 0;
\t \t \t \t vertical-align: middle;
\t \t \t }
\t \t \t \t ul.actions li:last-child {
\t \t \t \t \t padding-right: 0;
\t \t \t \t }
\t \t \t ul.actions.small li {
\t \t \t \t padding: 0 0.5em 0 0;
\t \t \t }
\t \t \t ul.actions.vertical li {
\t \t \t \t display: block;
\t \t \t \t padding: 1em 0 0 0;
\t \t \t }
\t \t \t \t ul.actions.vertical li:first-child {
\t \t \t \t \t padding-top: 0;
\t \t \t \t }
\t \t \t \t ul.actions.vertical li > * {
\t \t \t \t \t margin-bottom: 0;
\t \t \t \t }
\t \t \t ul.actions.vertical.small li {
\t \t \t \t padding: 0.5em 0 0 0;
\t \t \t }
\t \t \t \t ul.actions.vertical.small li:first-child {
\t \t \t \t \t padding-top: 0;
\t \t \t \t }
\t \t \t ul.actions.fit {
\t \t \t \t display: table;
\t \t \t \t margin-left: -1em;
\t \t \t \t padding: 0;
\t \t \t \t table-layout: fixed;
\t \t \t \t width: calc(100% + 1em);
\t \t \t }
\t \t \t \t ul.actions.fit li {
\t \t \t \t \t display: table-cell;
\t \t \t \t \t padding: 0 0 0 1em;
\t \t \t \t }
\t \t \t \t \t ul.actions.fit li > * {
\t \t \t \t \t \t margin-bottom: 0;
\t \t \t \t \t }
\t \t \t \t ul.actions.fit.small {
\t \t \t \t \t margin-left: -0.5em;
\t \t \t \t \t width: calc(100% + 0.5em);
\t \t \t \t }
\t \t \t \t \t ul.actions.fit.small li {
\t \t \t \t \t \t padding: 0 0 0 0.5em;
\t \t \t \t \t }
\t dl {
\t \t margin: 0 0 2em 0;
\t }
/* Table */
\t .table-wrapper {
\t \t -webkit-overflow-scrolling: touch;
\t \t overflow-x: auto;
\t }
\t table {
\t \t margin: 0 0 2em 0;
\t \t width: 100%;
\t }
\t \t table tbody tr {
\t \t \t border: solid 1px rgba(144, 144, 144, 0.25);
\t \t \t border-left: 0;
\t \t \t border-right: 0;
\t \t }
\t \t \t table tbody tr:nth-child(2n + 1) {
\t \t \t \t background-color: rgba(144, 144, 144, 0.075);
\t \t \t }
\t \t table td {
\t \t \t padding: 0.75em 0.75em;
\t \t }
\t \t table th {
\t \t \t color: #484848;
\t \t \t font-size: 0.9em;
\t \t \t font-weight: 700;
\t \t \t padding: 0 0.75em 0.75em 0.75em;
\t \t \t text-align: left;
\t \t }
\t \t table thead {
\t \t \t border-bottom: solid 2px rgba(144, 144, 144, 0.25);
\t \t }
\t \t table tfoot {
\t \t \t border-top: solid 2px rgba(144, 144, 144, 0.25);
\t \t }
\t \t table.alt {
\t \t \t border-collapse: separate;
\t \t }
\t \t \t table.alt tbody tr td {
\t \t \t \t border: solid 1px rgba(144, 144, 144, 0.25);
\t \t \t \t border-left-width: 0;
\t \t \t \t border-top-width: 0;
\t \t \t }
\t \t \t \t table.alt tbody tr td:first-child {
\t \t \t \t \t border-left-width: 1px;
\t \t \t \t }
\t \t \t table.alt tbody tr:first-child td {
\t \t \t \t border-top-width: 1px;
\t \t \t }
\t \t \t table.alt thead {
\t \t \t \t border-bottom: 0;
\t \t \t }
\t \t \t table.alt tfoot {
\t \t \t \t border-top: 0;
\t \t \t }
/* Header */
\t #skel-layers-wrapper {
\t \t padding-top: 6em;
\t }
\t body.landing #skel-layers-wrapper {
\t \t padding-top: 0 !important;
\t }
\t #header {
\t \t background-color: #fff;
\t \t border-bottom: solid 1px rgba(144, 144, 144, 0.25);
\t \t box-shadow: 0px 0.0375em 0.125em 0px rgba(0, 0, 0, 0.05);
\t \t color: #484848;
\t \t cursor: default;
\t \t font-size: 1.25em;
\t \t height: 4.5em;
\t \t left: 0;
\t \t line-height: 4.4em;
\t \t position: fixed;
\t \t text-transform: uppercase;
\t \t top: 0;
\t \t width: 100%;
\t \t z-index: 10000;
\t }
\t \t #header h1 {
\t \t \t color: #484848;
\t \t \t font-weight: 400;
\t \t \t height: inherit;
\t \t \t left: 1.25em;
\t \t \t line-height: inherit;
\t \t \t margin: 0;
\t \t \t padding: 0;
\t \t \t position: absolute;
\t \t \t top: 0;
\t \t }
\t \t #header nav {
\t \t \t height: inherit;
\t \t \t line-height: inherit;
\t \t \t position: absolute;
\t \t \t right: 1.25em;
\t \t \t top: 0;
\t \t \t vertical-align: middle;
\t \t }
\t \t \t #header nav > ul {
\t \t \t \t list-style: none;
\t \t \t \t margin: 0;
\t \t \t \t padding-left: 0;
\t \t \t }
\t \t \t \t #header nav > ul > li {
\t \t \t \t \t border-radius: 4px;
\t \t \t \t \t display: inline-block;
\t \t \t \t \t margin-left: 2.5em;
\t \t \t \t \t padding-left: 0;
\t \t \t \t }
\t \t \t \t \t #header nav > ul > li a {
\t \t \t \t \t \t -moz-transition: color 0.2s ease-in-out;
\t \t \t \t \t \t -webkit-transition: color 0.2s ease-in-out;
\t \t \t \t \t \t -o-transition: color 0.2s ease-in-out;
\t \t \t \t \t \t -ms-transition: color 0.2s ease-in-out;
\t \t \t \t \t \t transition: color 0.2s ease-in-out;
\t \t \t \t \t \t color: #666;
\t \t \t \t \t \t display: inline-block;
\t \t \t \t \t \t text-decoration: none;
\t \t \t \t \t }
\t \t \t \t \t \t #header nav > ul > li a:hover {
\t \t \t \t \t \t \t color: #484848;
\t \t \t \t \t \t }
\t \t \t \t \t #header nav > ul > li:first-child {
\t \t \t \t \t \t margin-left: 0;
\t \t \t \t \t }
\t \t \t \t \t #header nav > ul > li .button {
\t \t \t \t \t \t border-color: rgba(144, 144, 144, 0.25);
\t \t \t \t \t \t box-shadow: none;
\t \t \t \t \t \t height: 3em;
\t \t \t \t \t \t line-height: 2.9em;
\t \t \t \t \t \t margin-bottom: 0;
\t \t \t \t \t \t padding: 0 1.5em;
\t \t \t \t \t \t position: relative;
\t \t \t \t \t \t top: -0.075em;
\t \t \t \t \t \t vertical-align: middle;
\t \t \t \t \t }
\t \t #header .container {
\t \t \t position: relative;
\t \t }
\t \t \t #header .container h1 {
\t \t \t \t left: 0;
\t \t \t }
\t \t \t #header .container nav {
\t \t \t \t right: 0;
\t \t \t }
\t \t #header.alt {
\t \t \t background-color: transparent;
\t \t \t border: 0;
\t \t \t box-shadow: none;
\t \t \t height: 3.25em;
\t \t \t line-height: 3.25em;
\t \t \t position: absolute;
\t \t }
\t \t \t #header.alt h1 {
\t \t \t \t color: #ffffff;
\t \t \t \t left: 2.5em;
\t \t \t \t top: 2em;
\t \t \t }
\t \t \t \t #header.alt h1 a {
\t \t \t \t \t color: #ffffff;
\t \t \t \t }
\t \t \t #header.alt nav {
\t \t \t \t right: 2em;
\t \t \t \t top: 2em;
\t \t \t }
\t \t \t \t #header.alt nav a {
\t \t \t \t \t color: #ddd;
\t \t \t \t }
\t \t \t \t \t #header.alt nav a:active, #header.alt nav a:hover {
\t \t \t \t \t \t color: #ffffff;
\t \t \t \t \t }
\t \t \t #header.alt .button {
\t \t \t \t border-color: rgba(255, 255, 255, 0.5);
\t \t \t \t color: #ffffff !important;
\t \t \t }
\t \t \t } \t </style>
</p>
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
\t <tbody>
\t \t <tr>
\t \t \t <td height="10" style="font-size: 0; line-height: 0;">
\t \t \t \t </td>
\t \t </tr>
\t \t <tr>
\t \t \t <td align="center" style="position:absolute; left:0px; top:0px; width:900px; height:1916px;">
\t \t \t \t </td>
\t \t </tr>
\t </tbody>
</table>
<div style="position:absolute; left:0px; top:0px; width:900px; height:1728px;">
\t <div style="position:absolute; left:0px; top:0px; width:900px; height:1728px;">
\t \t <div>
\t \t \t <a href="http://www.cvent.com/d/6fq1s1/4W" style="background-image:url(http://www.verizonevent.com/tstest/images/images/Email_Invite_900_sliced9_01.png); position:absolute; left:0px; top:0px; width:900px; height:369px;" title=""> </a></div>
\t \t <div style="background-image:url(http://www.verizonevent.com/tstest/images/images/white-box1.png); position:absolute; left:0px; top:369px; width:900px; height:52px; background-color:#ffffff" title="">
\t \t \t </div>
\t \t <div style="background-image:url(http://www.verizonevent.com/tstest/images/images/Email_Invite_900_sliced9_03.png); position:absolute; left:0px; top:421px; width:217px; height:165px;" title="">
\t \t \t </div>
\t \t <div style="position:absolute; left:217px; top:421px; width:466px; height:118px; text-align:center; vertical-align:top;">
\t \t \t <font color="#000000" size="5">YOU ARE INVITED</font><br />
\t \t \t <br />
\t \t \t <font size="4">Develop your “Internet of Things” application using<br />
\t \t \t ThingSpace platform – a portal that provides developers<br />
\t \t \t with robust tools and resources.</font></div>
\t \t <div style="background-image:url(http://www.verizonevent.com/tstest/images/images/Email_Invite_900_sliced9_05.png); position:absolute; left:683px; top:421px; width:217px; height:165px;" title="">
\t \t \t </div>
\t \t <div style="background-image:url(http://www.verizonevent.com/tstest/images/images/Email_Invite_900_sliced9_06.png); position:absolute; left:217px; top:539px; width:466px; height:47px;" title="">
\t \t \t </div>
\t \t <div style="background-image:url(http://www.verizonevent.com/tstest/images/images/Grey-Background.png); position:absolute; left:0px; top:586px; width:900px; height:34px;" title="">
\t \t \t </div>
\t \t <div style="background-image:url(http://www.verizonevent.com/tstest/images/images/Grey-Background-08.png); position:absolute; left:0px; top:620px; width:449px; height:12px; background-color:#e6e7e8" title="">
\t \t \t </div>
\t \t <div style="background-image:url(http://www.verizonevent.com/tstest/images/images/Red-Line.png); position:absolute; left:449px; top:620px; width:2px; height:146px;" title="">
\t \t \t </div>
\t \t <div style="background-image:url(http://www.verizonevent.com/tstest/images/images/Grey-Background-10.png); position:absolute; left:451px; top:620px; width:449px; height:12px;" title="">
\t \t \t </div>
\t \t <div style="background-image:url(http://www.verizonevent.com/tstest/images/images/Grey-Background-11.png); position:absolute; left:0px; top:632px; width:183px; height:168px;" title="">
\t \t \t </div>
\t \t <div style="position:absolute; left:183px; top:632px; width:181px; height:95px; text-align:center; vertical-align:top; background-color:#e6e7e8">
\t \t \t <font color="#000000" size="6"><strong>WHEN</strong></font><br />
\t \t \t <br />
\t \t \t <font size="3">Tuesday, April 5, 2016<br />
\t \t \t 9:45am - 5:30pm</font><br />
\t \t \t </div>
\t \t <div style="background-image:url(http://www.verizonevent.com/tstest/images/images/Grey-Background-12.png); position:absolute; left:364px; top:632px; width:85px; height:168px;" title="">
\t \t \t </div>
\t \t <div style="background-image:url(http://www.verizonevent.com/tstest/images/images/Grey-Background-13.png); position:absolute; left:451px; top:632px; width:68px; height:168px;" title="">
\t \t \t </div>
\t \t <div style="position:absolute; left:519px; top:632px; width:216px; height:117px; text-align:center; vertical-align:top; background-color:#e6e7e8">
\t \t \t <font color="#000000" size="6"><strong>WHERE</strong></font><br />
\t \t \t <br />
\t \t \t <font size="3">Verizon Innovation Center<br />
\t \t \t 201 Spear Street<br />
\t \t \t San Francisco, CA 94105</font><br />
\t \t \t </div>
\t \t <div style="background-image:url(http://www.verizonevent.com/tstest/images/images/Grey-Background-14.png); position:absolute; left:735px; top:632px; width:165px; height:168px;" title="">
\t \t \t </div>
\t \t <div style="background-image:url(http://www.verizonevent.com/tstest/images/images/Grey-Background-15.png); position:absolute; left:183px; top:727px; width:181px; height:73px;" title="">
\t \t \t </div>
\t \t <div style="background-image:url(http://www.verizonevent.com/tstest/images/images/Grey-Background-16.png); position:absolute; left:519px; top:749px; width:216px; height:51px;" title="">
\t \t \t </div>
\t \t <div style="background-image:url(http://www.verizonevent.com/tstest/images/images/Grey-Background-17.png); position:absolute; left:449px; top:766px; width:2px; height:34px; background-color:#e6e7e8" title="">
\t \t \t </div>
\t \t <div style="background-image:url(http://www.verizonevent.com/tstest/images/images/Email_Invite_900_sliced9_20.png); position:absolute; left:0px; top:800px; width:900px; height:44px;" title="">
\t \t \t </div>
\t \t <div style="background-image:url(http://www.verizonevent.com/tstest/images/images/Email_Invite_900_sliced9_21.png); position:absolute; left:0px; top:844px; width:168px; height:884px;" title="">
\t \t \t </div>
\t \t <div style="position:absolute; left:168px; top:844px; width:564px; height:353px; text-align:center; vertical-align:top;">
\t \t \t <font color="#000000" size="5"><strong>MOVE YOUR IoT INNOVATION<br />
\t \t \t INTO THE REAL WORLD</strong></font><br />
\t \t \t <br />
\t \t \t <br />
\t \t \t <font size="4"><font size="4">ThingSpace simplifies IoT application development and enables you<br />
\t \t \t to go from prototype to solution faster than ever.<br />
\t \t \t <br />
\t \t \t ThingSpace provides the following tools and resources to help you create the next big IoT app.</font></font><br />
\t \t \t <br />
\t \t \t <p style="text-align: left;">
\t \t \t \t <font size="4">· </font><font size="2">A centralized IoT developer focused portal</font><br />
\t \t \t \t <font size="4">· </font><font size="2">RESTful Application Programming Interfaces (APIs)</font><br />
\t \t \t \t <font size="4">· </font><font size="2">Try It! feature - an API simulator</font><br />
\t \t \t \t <font size="4">· </font><font size="2">Application Enablement Platform (AEP)</font><br />
\t \t \t \t <font size="4">· </font><font size="2">A broad selection of Dev Kits</font><br />
\t \t \t \t <font size="4">· </font><font size="2">Documentation and resources</font></p>
\t \t </div>
\t \t <div style="background-image:url(http://www.verizonevent.com/tstest/images/images/Email_Invite_900_sliced9_23.png); position:absolute; left:732px; top:844px; width:168px; height:884px;" title="">
\t \t \t </div>
\t \t <div style="background-image:url(http://www.verizonevent.com/tstest/images/images/Email_Invite_900_sliced9_24.png); position:absolute; left:168px; top:1197px; width:564px; height:39px;" title="">
\t \t \t </div>
\t \t <div style="background-image:url(http://www.verizonevent.com/tstest/images/images/Email_Invite_900_sliced9_25.png); position:absolute; left:168px; top:1236px; width:131px; height:492px;" title="">
\t \t \t </div>
\t \t \t
\t \t <a href="http://www.cvent.com/d/6fq1s1/4W" target="_blank" style="cursor:hand">
\t \t <div style="background-image:url(http://www.verizonevent.com/tstest/images/images/Email_Invite_900_sliced10_26.png); position:absolute; left:299px; top:1236px; width:302px; height:72px;" title="">
\t \t </div></a>
\t <div style="background-image:url(http://www.verizonevent.com/tstest/images/images/Email_Invite_900_sliced10_27.png); position:absolute; left:601px; top:1236px; width:131px; height:492px;" title="">
\t </div>
\t
\t <div style="background-image:url(http://www.verizonevent.com/tstest/images/images/Email_Invite_900_sliced10_28.png); position:absolute; left:299px; top:1308px; width:302px; height:38px;" title="">
\t </div>
\t <div style="background-image:url(http://www.verizonevent.com/tstest/images/images/Email_Invite_900_sliced10_29.png); position:absolute; left:299px; top:1346px; width:48px; height:382px;" title="">
\t </div>
\t <a href="https://thingspace.verizon.com/" target="_blank" style="cursor:hand">
\t \t <div style="background-image:url(http://www.verizonevent.com/tstest/images/images/ThingSpace-Button.png); position:absolute; left:347px; top:1346px; width:206px; height:170px;" title="">
\t \t </div></a>
\t <div style="background-image:url(http://www.verizonevent.com/tstest/images/images/Email_Invite_900_sliced10_31.png); position:absolute; left:553px; top:1346px; width:48px; height:382px;" title="">
\t </div>
\t <div style="background-image:url(http://www.verizonevent.com/tstest/images/images/Email_Invite_900_sliced10_32.png); position:absolute; left:347px; top:1516px; width:206px; height:212px;" title="">
\t </div>
对不起!我有一个字符限制这个职位,并忘记将其添加回来。这里是页面托管的地方 - [链接](http://verizonevent.com/tstest) –