推荐设备MORE

h5响应式快速布局—无限容量的

h5响应式快速布局—无限容量的

行业新闻

处理IE8 position 适配性的问题 靠右左不了功效垂直

日期:2021-03-29
我要分享
处理IE8 position 适配性的问题 靠右左不了功效垂直居中

近期升级 75

在IE方式 靠右是垂直居中的,处理方法以下

image.png

1、头顶部引进编码

 !--[if lte IE 8] 
  script src= script/html5shiv.min.js /script 
  script src= script/selectivizr.min.js /script 
 ![endif]-- 

2、js文档编码 点我免费下载 

script.zip

html5shiv.min.js
/* HTML5 Shiv v3.7.2 aFarkas/html5shiv */
; (function(window, document) {
 var version =  3.7.2 
&5 || {};
 var reSkip = /^ |^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i;
 var saveClones = /^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i;
 var supportsHtml5Styles;
 var expando =  _html5shiv 
 var expanID = 0;
 var expandoData = {};
 var supportsUnknownElements; (function() {
 try {
 var a = document.createElement( a 
 a.innerHTML =  xyz /xyz 
 supportsHtml5Styles = ( hidden  in a);
 supportsUnknownElements = a.childNodes.length == 1 || (function() { (document.createElement)( a 
 var frag = document.createDocumentFragment();
 return (typeof frag.cloneNode ==  undefined  || typeof frag.createDocumentFragment ==  undefined  || typeof frag.createElement ==  undefined )
 } ())
 } catch(e) {
 supportsHtml5Styles = true;
 supportsUnknownElements = true
 }
 } ());
 function addStyleSheet(ownerDocument, cssText) {
 var p = ownerDocument.createElement( p ),
 parent = ownerDocument.getElementsByTagName( head )[0] || ownerDocument.documentElement;
 p.innerHTML =  x style  + cssText +  /style 
 return parent.insertBefore(p.lastChild, parent.firstChild)
 }
 function getElements() {
 var elements = html5.elements;
 return typeof elements ==  string  ? elements.split(   ) : elements
 }
 function addElements(newElements, ownerDocument) {
 var elements = html5.elements;
 if (typeof elements !=  string ) {
 elements = elements.join(   )
 }
 if (typeof newElements !=  string ) {
 newElements = newElements.join(   )
 }
 html5.elements = elements +     + newElements;
 shivDocument(ownerDocument)
 }
 function getExpandoData(ownerDocument) {
 var data = expandoData[ownerDocument[expando]];
 if (!data) {
 data = {};
 expanID++;
 ownerDocument[expando] = expanID;
 expandoData[expanID] = data
 }
 return data
 }
 function createElement(nodeName, ownerDocument, data) {
 if (!ownerDocument) {
 ownerDocument = document
 }
 if (supportsUnknownElements) {
 return ownerDocument.createElement(nodeName)
 }
 if (!data) {
 data = getExpandoData(ownerDocument)
 }
 var node;
 if (data.cache[nodeName]) {
 node = data.cache[nodeName].cloneNode()
 } else if (saveClones.test(nodeName)) {
 node = (data.cache[nodeName] = data.createElem(nodeName)).cloneNode()
 } else {
 node = data.createElem(nodeName)
 }
 return node.canHaveChildren   !reSkip.test(nodeName)   !node.tagUrn ? data.frag.appendChild(node) : node
 }
 function createDocumentFragment(ownerDocument, data) {
 if (!ownerDocument) {
 ownerDocument = document
 }
 if (supportsUnknownElements) {
 return ownerDocument.createDocumentFragment()
 }
 data = data || getExpandoData(ownerDocument);
 var clone = data.frag.cloneNode(),
 i = 0,
 elems = getElements(),
 l = elems.length;
 for (; i   l; i++) {
 clone.createElement(elems[i])
 }
 return clone
 }
 function shivMethods(ownerDocument, data) {
 if (!data.cache) {
 data.cache = {};
 data.createElem = ownerDocument.createElement;
 data.createFrag = ownerDocument.createDocumentFragment;
 data.frag = data.createFrag()
 }
 ownerDocument.createElement = function(nodeName) {
 if (!html5.shivMethods) {
 return data.createElem(nodeName)
 }
 return createElement(nodeName, ownerDocument, data)
 };
 ownerDocument.createDocumentFragment = Function( h,f ,  return function(){  +  var n=f.cloneNode(),c=n.createElement;  +  h.shivMethods (  + getElements().join().replace(/[\w\-:]+/g,
 function(nodeName) {
 data.createElem(nodeName);
 data.frag.createElement(nodeName);
 return  c(  + nodeName +  ) 
 }) +  return n} )(html5, data.frag)
 }
 function shivDocument(ownerDocument) {
 if (!ownerDocument) {
 ownerDocument = document
 }
 var data = getExpandoData(ownerDocument);
 if (html5.shivCSS   !supportsHtml5Styles   !data.hasCSS) {
 data.hasCSS = !!addStyleSheet(ownerDocument,  article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}  +  mark{background:#FF0;color:#000}  +  template{display:none} )
 }
 if (!supportsUnknownElements) {
 shivMethods(ownerDocument, data)
 }
 return ownerDocument
 }
 var html5 = {
  elements : options.elements ||  abbr article aside audio bdi canvas data datalist details dialog figcaption figure footer header hgroup main mark meter nav output picture progress section summary template time video ,
  version : version,
  shivCSS : (options.shivCSS !== false),
  supportsUnknownElements : supportsUnknownElements,
  shivMethods : (options.shivMethods !== false),
  type :  default ,
  shivDocument : shivDocument,
 createElement: createElement,
 createDocumentFragment: createDocumentFragment,
 addElements: addElements
 };
&5 = html5;
 shivDocument(document)
} (this, document));
selectivizr.min.js
/*! selectivizr v1.0.2 
(function(j) {
 function A(a) {
 return a.replace(B, h).replace(C,
 function(a, d, b) {
 for (var a = b.split( , ), b = 0, e = a.length; b   e; b++) {
 var s = D(a[b].replace(E, h).replace(F, h)) + o,
 l = [];
 a[b] = s.replace(G,
 function(a, b, c, d, e) {
 if (b) {
 if (l.length   0) {
 var a = l,
 f, e = s.substring(0, e).replace(H, i);
 if (e == i || e.charAt(e.length - 1) == o) e +=  * 
 try {
 f = t(e)
 } catch(k) {}
 if (f) {
 e = 0;
 for (c = f.length; e   c; e++) {
 for (var d = f[e], h = d.className, j = 0, m = a.length; j   m; j++) {
 var g = a[j];
 if (!RegExp( (^|\\s)  + g.className +  (\\s|$) ).test(d.className)   g.b   (g.b === !0 || g.b(d) === !0)) h = u(h, g.className, !0)
 }
 d.className = h
 }
 }
 l = []
 }
 return b
 } else {
 if (b = c ? I(c) : !v || v.test(d) ? {
 className: w(d),
 b: !0
 }: null) return l.push(b),
  .  + b.className;
 return a
 }
 })
 }
 return d + a.join( , )
 })
 }
 function I(a) {
 var c = !0,
 d = w(a.slice(1)),
 b = a.substring(0, 5) ==  :not( ,
 e,
 f;
 b   (a = a.slice(5, -1));
 var l = a.indexOf( ( 
 l   -1   (a = a.substring(0, l));
 if (a.charAt(0) ==  : ) switch (a.slice(1)) {
 case  root :
 c = function(a) {
 return b ? a != p: a == p
 };
 break;
 case  target :
 if (m == 8) {
 c = function(a) {
 function c() {
 var d = location.hash,
 e = d.slice(1);
 return b ? d == i || a.id != e: d != i   a.id == e
 }
 k(j,  hashchange ,
 function() {
 g(a, d, c())
 });
 return c()
 };
 break
 }
 return ! 1;
 case  checked :
 c = function(a) {
 J.test(a.type)   k(a,  propertychange ,
 function() {
 event.propertyName ==  checked    g(a, d, a.checked !== b)
 });
 return a.checked !== b
 };
 break;
 case  disabled :
 b = !b;
 case  enabled :
 c = function(c) {
 if (K.test(c.tagName)) return k(c,  propertychange ,
 function() {
 event.propertyName ==  $disabled    g(c, d, c.a === b)
 }),
 q.push(c),
 c.a = c.disabled,
 c.disabled === b;
 return a ==  :enabled  ? b: !b
 };
 break;
 case  focus :
 e =  focus ,
 f =  blur 
 case  hover :
 e || (e =  mouseenter , f =  mouseleave 
 c = function(a) {
 k(a, b ? f: e,
 function() {
 g(a, d, !0)
 });
 k(a, b ? e: f,
 function() {
 g(a, d, !1)
 });
 return b
 };
 break;
 default:
 if (!L.test(a)) return ! 1
 }
 return {
 className: d,
 b: c
 }
 }
 function w(a) {
 return M +  -  + (m == 6   N ? O++:a.replace(P,
 function(a) {
 return a.charCodeAt(0)
 }))
 }
 function D(a) {
 return a.replace(x, h).replace(Q, o)
 }
 function g(a, c, d) {
 var b = a.className,
 c = u(b, c, d);
 if (c != b) a.className = c,
 a.parentNode.className += i
 }
 function u(a, c, d) {
 var b = RegExp( (^|\\s)  + c +  (\\s|$) ),
 e = b.test(a);
 return d ? e ? a: a + o + c: e ? a.replace(b, h).replace(x, h) : a
 }
 function k(a, c, d) {
 a.attachEvent( on  + c, d)
 }
 function r(a, c) {
 if (/^https?:\/\//i.test(a)) return c.substring(0, c.indexOf( / , 8)) == a.substring(0, a.indexOf( / , 8)) ? a: null;
 if (a.charAt(0) ==  / ) return c.substring(0, c.indexOf( / , 8)) + a;
 var d = c.split(/[?#]/)[0];
 a.charAt(0) !=  ?    d.charAt(d.length - 1) !=  /    (d = d.substring(0, d.lastIndexOf( / ) + 1));
 return d + a
 }
 function y(a) {
 if (a) return n.open( GET , a, !1),
 n.send(),
 (n.status == 200 ? n.responseText: i).replace(R, i).replace(S,
 function(c, d, b, e, f) {
 return y(r(b || f, a))
 }).replace(T,
 function(c, d, b) {
 d = d || i;
 return   url(  + d + r(b, a) + d +  )  
 });
 return i
 }
 function U() {
 var a, c;
 a = f.getElementsByTagName( BASE 
 for (var d = a.length   0 ? a[0].href: f.location.href, b = 0; b   f.styleSheets.length; b++) if (c = f.styleSheets[b], c.href != i   (a = r(c.href, d))) c.cssText = A(y(a));
 q.length   0   setInterval(function() {
 for (var a = 0,
 c = q.length; a   c; a++) {
 var b = q[a];
 if (b.disabled !== b.a) b.disabled ? (b.disabled = !1, b.a = !0, b.disabled = !0) : b.a = b.disabled
 }
 },
 250)
 }
 if (!
 /*@cc_on!@*/
 true) {
 var f = document,
 p = f.documentElement,
 n = function() {
 if (j.XMLHttpRequest) return new XMLHttpRequest;
 try {
 return new ActiveXObject( Microsoft.XMLHTTP )
 } catch(a) {
 return null
 }
 } (),
 m = /MSIE (\d+)/.exec(navigator.userAgent)[1];
 if (! (f.compatMode !=  CSS1Compat  || m   6 || m   8 || !n)) {
 var z = {
 NW:  *.Dom.select ,
 MooTools:  $$ ,
 DOMAssistant:  *.$ ,
 Prototype:  $$ ,
 YAHOO:  *.util.Selector.query ,
 Sizzle:  * ,
 jQuery:  * ,
 dojo:  *.query 
 },
 t,
 q = [],
 O = 0,
 N = !0,
 M =  slvzr ,
 R = /(\/\*[^*]*\*+([^\/][^*]*\*+)*\/)\s*/g,
 S = /@import\s*(?:(?:(?:url\(\s*([ ]?)(.*)\1)\s*\))|(?:([ ])(.*)\3))[^;]*;/g,
 T = /\burl\(\s*([ ]?)(?!data:)([^ )]+)\1\s*\)/g,
 L = /^:(empty|(first|last|only|nth(-last)?)-(child|of-type))$/,
 B = /:(:first-(?:line|letter))/g,
 C = /(^|})\s*([^\{]*?[\[:][^{]+)/g,
 G = /([ +~ ])|(:[a-z-]+(?:\(.*?\)+)?)|(\[.*?\])/g,
 H = /(:not\()?:(hover|enabled|disabled|focus|checked|target|active|visited|first-line|first-letter)\)?/g,
 P = /[^\w-]/g,
 K = /^(INPUT|SELECT|TEXTAREA|BUTTON)$/,
 J = /^(checkbox|radio)$/,
 v = m   6 ? /[\$\^*]=([ ])\1/: null,
 E = /([(\[+~])\s+/g,
 F = /\s+([)\]+~])/g,
 Q = /\s+/g,
 x = /^\s*((?:[\S\s]*\S)?)\s*$/,
 i =  ,
 o =    ,
 h =  $1  (function(a, c) {
 function d() {
 try {
 p.doScroll( left )
 } catch(a) {
 setTimeout(d, 50);
 return
 }
 b( poll )
 }
 function b(d) {
 if (! (d.type ==  readystatechange    f.readyState !=  complete )   ((d.type ==  load  ? a: f).detachEvent( on  + d.type, b, !1), !e   (e = !0))) c.call(a, d.type || d)
 }
 var e = !1,
 g = !0;
 if (f.readyState ==  complete ) c.call(a, i);
 else {
 if (f.createEventObject   p.doScroll) {
 try {
 g = !a.frameElement
 } catch(h) {}
 g   d()
 }
 k(f,  readystatechange , b);
 k(a,  load , b)
 }
 })(j,
 function() {
 for (var a in z) {
 var c, d, b = j;
 if (j[a]) {
 for (c = z[a].replace( * , a).split( .  (d = c.shift())   (b = b[d]););
 if (typeof b ==  function ) {
 t = b;
 U();
 break
 }
 }
 }
 })
 }
 }
})(this);




此表格仅用以商品及服务售前服务资询(您还可以拨通转2)
若有售后服务技术性资询,请递交订单