我不知道这是否是最好的方法,但是我无法使用CSS做到这一点。我的答案是在jQuery中:
$(function(){ $('.crossOut').each(function(i){ var jTemp = $(this), nWidth = jTemp.innerWidth(), nHeight = jTemp.innerHeight(), sDomTemp = '<div ></div>'; sDomTemp += '<div ></div>'; jTemp.append(sDomTemp); });});or
CSS part:
.crossOut .child{ position:absolute; width:0; height:0; border-style:solid;}.crossOut .black-triangle{ z-index:-2; border-color: transparent black white white;}.crossOut .white-triangle{ border-color: transparent white white white; z-index:-1;}jQuery pre:
$(function(){ $('.crossOut').each(function(i){ var jTemp = $(this), nWidth = jTemp.innerWidth(), nHeight = jTemp.innerHeight(), sDomTemp = '<div ></div>'; sDomTemp += '<div ></div>'; jTemp.append(sDomTemp); });});好处是它可以与表格单元的任何宽度和高度一起使用。



