IE下Css圆角没有的解决方法

2020-05-11 09:14:34易采站长站整理

shadow.style.antialias = true;
shadow.style.behavior = null;
shadow.className = ‘ieCSS3_text_shadow’;
shadow.innerHTML = element.innerHTML;
// For some reason it only looks right with opacity at 75%
shadow.style.filter = ‘
progid:DXImageTransform.Microsoft.Alpha(Opacity=75)
progid:DXImageTransform.Microsoft.Blur(pixelRadius=’+ shadow.userAttrs.radius +’,makeShadow=false,shadowOpacity=100)
‘;
var clone = element.cloneNode(true);
clone.position_offset = {
‘y’: (0 – vml_parent.pos_ieCSS3.y),
‘x’: (0 – vml_parent.pos_ieCSS3.x)
};
clone.size_offset = {
‘width’: 0,
‘height’: 0
};
clone.style.behavior = null;
clone.style.position = ‘absolute’;
clone.style.top = (element.pos_ieCSS3.y + clone.position_offset.y) +’px’;
clone.style.left = (element.pos_ieCSS3.x + clone.position_offset.x) +’px’;
clone.className = ‘ieCSS3_text_shadow’;

element.parentNode.appendChild(shadow);
element.parentNode.appendChild(clone);
element.style.visibility = ‘hidden’;
// For window resizing
element.vml.push(clone);
element.vml.push(shadow);
return(true);
}
function ondocumentready(classID) {
if (!supportsVml()) { return(false); }
if (this.className.match(classID)) { return(false); }
this.className = this.className.concat(‘ ‘, classID);
// Add a namespace for VML (IE8 requires it)
if (!document.namespaces.v) { document.namespaces.add(“v”, “urn:schemas-microsoft-com:vml”); }
// Check to see if we’ve run once before on this page
if (typeof(window.ieCSS3) == ‘undefined’) {
// Create global ieCSS3 object
window.ieCSS3 = {
‘vmlified_elements’: new Array(),
‘update_timer’: setInterval(updatePositionAndSize, timer_length)
};
if (typeof(window.onresize) == ‘function’) { window.ieCSS3.previous_onresize = window.onresize; }
// Attach window resize event
window.onresize = updatePositionAndSize;
}

// These attrs are for the script and have no meaning to the browser:
this.borderRadius = parseInt(this.currentStyle[‘iecss3-border-radius’] ||
this.currentStyle[‘-moz-border-radius’] ||
this.currentStyle[‘-webkit-border-radius’] ||
this.currentStyle[‘border-radius’] ||
this.currentStyle[‘-khtml-border-radius’]);
this.arcSize = Math.min(this.borderRadius / Math.min(this.offsetWidth, this.offsetHeight), 1);
this.fillColor = this.currentStyle.backgroundColor;
this.fillSrc = this.currentStyle.backgroundImage.replace(/^url(“(.+)”)$/, ‘$1’);
this.strokeColor = this.currentStyle.borderColor;
this.strokeWeight = parseInt(this.currentStyle.borderWidth);