WMS vectors on top of TMS?

Hi, this is probably a stupid question, but I want to have a TMS (raster) as the base layer in my Leaflet map and then overlay vectors from a WMS on top. Is this possible? I thought I had this working but it appears as though the WMS layer completely covers the TMS. I realize that both TMS and WMS are raster but I thought that somehow the TMS layer would show through and not be completely covered by the WMS. Here is my code

         var map = L.map('mapContainer',
             {
                 maxZoom: 15,
                 minZoom: 9
             }).setView([47.58, -122.35], 9);

        L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
            attribution: '&copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors'
            }).addTo(map);

        L.tileLayer.wms('https://carto.nationalmap.gov:443/arcgis/services/geonames/MapServer/WmsServer?', {
            layers: '7'
        }).addTo(map);