I'm trying to draw two textures over each other in a ContainerScreen, but whenever I do the transparent background (for my custom texture) turns into a purple and black "missing" texture.

Spoiler

public class CardScreen extends ContainerScreen<CardContainer> {

	private ResourceLocation book = new ResourceLocation("spelldeck", "textures/gui/container/card_container.png");
	private ResourceLocation inventory = new ResourceLocation("minecraft", "textures/gui/container/generic_54");
	
	public CardScreen(CardContainer container, PlayerInventory inv, ITextComponent name) {
		super(container, inv, name);
		this.xSize = 198;
		this.ySize = 163;
	}

	@Override
	protected void drawGuiContainerBackgroundLayer(float partialTicks, int mouseX, int mouseY) {
		this.renderBackground();
		RenderSystem.color4f(1.0f, 1.0f, 1.0f, 1.0f);
		int x = (this.width - this.xSize) / 2;
	    int y = (this.height - this.ySize) / 2;
	    
	    // Draw inventory texutre
		this.getMinecraft().getTextureManager().bindTexture(inventory);
		blit(x, y, 0, 140, 204, 140, 256, 256);
		// Draw custom container texture
		this.getMinecraft().getTextureManager().bindTexture(book);
	    blit(x, y, 0, 0, this.xSize, this.ySize, 256, 256);
	}
	
	public void render(int mouseX, int mouseY, float partialTicks) {
		super.render(mouseX, mouseY, partialTicks);
		this.renderHoveredToolTip(mouseX, mouseY);
		
	}
	
}

 

 

Can you draw them both individually? As in, if you try to only draw one at a time, do you still get this problem?