まずはTiled Mapなどのtmx編集ツールを使って、backgroundレイヤーとforegroundレイヤーを作る。
foregroundレイヤーには裏に回りこませたいものを置く。この場合だと木の上部(黒い部分は透過色)。
あとはjs側で各レイヤーのzOrderがforeground > キャラクター > backgroundになるように設定してやればOK.
var character = cc.Sptire.create('path/to/chara.png');
var tileMap = cc.TMXTiledMap.create('path/to/map.tmx');
tileMap.getLayer('foreground').setZOrder(100);
tileMap.getLayer('background').setZOrder(50);
tileMap.addChild(character, 70);
キャラクターがtileMap上にaddChildされていないとうまく重なり順が表現されないので注意。