jsp页面背景图片显示异常

Question

我是新手，现需实现 根据状态值 变化时间的背景图片，背景图片为 圆，代码如下

value="bo.dataMonitorCbssCj4">
/s:if
style="background-image:url(../../secdev/main/images/CircleRed.jpg); width: 40px; no-repeat; background-size:100% 100%" /s:if
style="background-image:url(../../secdev/main/images/CircleBrown.jpg); no-repeat; background-size:100% 100%" /s:if
style="background-image:url(../../secdev/main/images/CircleGreen.jpg); no-repeat; background-size:100% 100%" /s:if
style="background-image:url(../../secdev/main/images/CircleYellow.jpg); no-repeat; background-size:100% 100%" /s:if
style="background-image:url(../../secdev/main/images/CircleGrey.jpg); no-repeat; background-size:100% 100%"/s:if
class="blink"
onclick="windowOpenDetail('bo.dateType=${bo.dateType}&bo.dayTime=${bo.dayTime }&bo.portRuleType=${bo.portRuleType}&bo.levelChildId=${levelChildId}')">${endTimeExpect}

onclick="windowOpenDetail('bo.dateType=${bo.dateType}&bo.dayTime=${bo.dayTime }&bo.portRuleType=${bo.portRuleType}&bo.levelChildId=${levelChildId}')">${procNum}|
onclick="windowOpenDetail('bo.dateType=${bo.dateType}&bo.dayTime=${bo.dayTime }&bo.portRuleType=${bo.portRuleType}&bo.levelChildId=${levelChildId}')">
href="http://132.35.224.158/dataplatform/login.action?formAction=catalogService&catalogCode=000004101003&leaf=true&__PID=datacol"
target="_blank">${procUnComplete}

/s:iterator
现在显示结果 变成了 上下被压缩了 变成了 椭圆

麻烦大侠给予指点，谢谢

Answer 1

刚忘记上传图形样式了，下面补上 请各位大侠指点迷津

需求样子

圆被压扁