CSSͼƬÊúÖ±¾ÓÖÐÎÊÌâ - Web ¿ª·¢ / HTML(CSS)
ÇëÎÊÔõôÓÃCSSÈÃͼƬÔÚIE8ºÍffÖÐÊúÖ±¾ÓÖа¡£¬ÎÒÔÚIE6ºÍ7ÖÐʵÏÖÁËÊúÖ±¾ÓÖе«ÊÇÔÚIE8ÖоÍÊÇʵÏÖ²»ÁË°¡¡£¡£
ÄǾÍÓÃleftºÍtopÀ´ÊÔÊÔ£¬»òÕß°ÑËü·Åµ½¿ÉÒÔ¾ÓÖеıêÇ©ÖÐÀ´¿ØÖÆλÖÃ
·Å±í¸ñÀï,È»ºóÊúÖ±¾ÓÖÐ
<table><tr><td valign=middle><Img src=""></td></tr></table>
ÎÒÊÇÏë ÎÞÂÛͼƬ¶à´ó ʼÖÕÊÇÊúÖ±¾ÓÖÐ ÄÄÅ ͼƬ¿í¶È³¬¹ýÁËdiv Ò²ÊúÖ±
HTML code:
response.Write("<div style='height:200px; display:table-cell vertical-align:middle; line-height:200px; border:solid #09F 1px; overflow:hidden;'><a href='cpzs.asp?SoftId=")
response.Write(rs_soft("SoftId"))
response.Write("'><img src='")
response.Write(rs_soft("SoftPicUrl"))
response.Write("' width='150' style='border:solid #09F 0px; margin-top:expression((200-this.height)/2);' /></a></div>
ÎÒÊÇÕâÑùдµÄ µ«ÊÇÔÚIE8ºÍffÖÐûÓÃ
aa.div {height:200px; display:table-cell vertical-align:middle; line-height:200px; border:solid #09F 1px; overflow:hidden;}
aa.div img {width:150px; border:solid #09F 0px; margin-top:expression((200-this.height)/2);}
Õâ¸öÊÇdivºÍͼƬµÄcssÏ£Íû¸ßÊÖÖ¸µã
ÔÚIMGµÄÊôÐÔÀï¼ÓÉÏ align="absmiddle" ÊÔÊÔ
·Å±í¸ñÀï,È»ºóÊúÖ±¾ÓÖÐ
<table><tr><td valign=middle>
Ïà¹ØÎÊ´ð£º
ÔÚʹÓÃCSSÖеÄpadding-leftʱÓöµ½Ò»¸öÎÊÌâ¡£¾ÍÊDZ¾À´ÒѾÉèÖúõĿí¶È£¬padding-leftÒ»ÉèÖà ¶àÉÙºÃÏñ¾Í°ÑÕâ¸ö¼Ó¿íÁ˶àÉÙ¡£ºóÃæµÄDIV¾Í±äλÖÃÁË¡£ÓÐû½â¾ö°ì·¨Ñ½
ÇëÎÊÄãIE¼¸°¡£¿=£¬= ²»»áÓÐÕâÖÖÇé¿öÒ®
Èç¹ûÊÇIE6£¬Ä ......
ÎÒÓõÄÊÇÁ¬½Ó³Ø×öµÄ£¬ÅäÁ¬½Ó³ØµÄ·½·¨Ó¦¸ÃûÓÐ´í£¬ÎªÊ²¾ÍÊdzöÏÖÕâÖÖÎÊÌâ
javax.servlet.ServletException: javax.naming.NameNotFoundException: No object bound to name java:comp/env/test
ÇëÎÊ´óÏÀÃÇÕâÊÇÔ ......
ÎÒ´Óºǫ́»ñÈ¡ÁËϱßÒ»¶Îhtml´úÂ뵫ÎÒÏÖÔÚÏë°É<span></span>ÀïµÄÄÚÈݹýÂËÈ¥µôËÄܸø¸öºÃµÄ£¬¼òµ¥µÄ·½·¨
¶àл¸÷λÁË¡¡
<html>
<body>
<div>
<sp ......
ÎÒ´ÓÍøÉÏÏÂÁËÒ»¶ÎJS´úÂ룬ʵÏÖµÄÊǼ¸ÕÅͼƬ½¥±äµÄÇл»Ð§¹û£¬ËüÊdz䵱ÍøÕ¾µÄƬͷµÄ£¬ÏÖÔÚÎÒÏëÔÚÕâ¸öƬͷµÄ×óÉϽǷŹ«Ë¾µÄLOGOͼ±ê£¬ÇëÎÊÈçºÎʵÏÖ£¿£¿£¿ÓÃÁËCSSÖеľö¶¨¶¨Î»·¨»¹ÊDz»³É¹¦¡£¡£
position: relative
......
ÓÐʲô·½·¨¿ÉÒÔ¿ìËÙÌáÈ¡ÏÂÃætable±íÖе¥Ôª¸ñÀïÃæµÄÊý¾ÝºÍwindow.openº¯ÊýÖеÄÁ´½ÓÊý¾ÝÁË?
<table style="width: 100%; border-collapse: collapse" cellpadding="0">
<tr ......