您的位置:首页 > 其它

商务通去掉四周的边框 好像定制一样实现方法

2015-05-31 09:36 375 查看
很多医疗网站或者其他咨询类网站大概都用到过商务通 但是由于那个界面不是太好看 想换好看点 又要加钱定制,而我了正好也做了个这类型的工作 于是想了个办法去掉边框

方式是用css

首先

配置商务通的邀请代码

<DIV id=new_swt_wee><IMG border=0
src="http://www.120jkkf.com/templets/qishi/images/newstc.jpg"
useMap=#MapAAAA><MAP id=MapAAAA name=MapAAAA><AREA
href="http://pft.zoosnet.net/LR/Chatpre.aspx?id=PFT24847505" shape=rect
target=_blank coords=217,212,297,242><AREA
href="http://pft.zoosnet.net/LR/Chatpre.aspx?id=PFT24847505" shape=rect
target=_blank coords=319,211,404,242><AREA style="CURSOR:
pointer" onclick="LR_HideInvite();LR_RefuseChat();return false;"
shape=rect coords=373,6,419,32></MAP></DIV>

然后在网站的css里面加上这些

#LRfloater1{

position:relative;

width:424px;

height:274px;

overflow:hidden;

}

#new_swt_wee{

position:absolute;

left:0px;

top:0px;

}

原理就是让最外面的div 宽度和高度正好等于你设置的 超出部分都被隐藏掉了。

可以直接在商务通的代码里面加以下:

document.writeln("<style type=\"text\/css\">");
document.writeln("#LRfloater1 {position:relative;width:0px;height:0px;overflow:hidden;}");
document.writeln("<\/style>");

或者:
document.writeln("#LRfloater1 {position:relative;width:0px;height:0px;overflow:hidden;}");
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: