Eğer filter özelliğini kullanırsan div içerisindeki yazılara ve diğer etiketlerede etki eder kullandığınız blur. Bu yüzden siz backdrop-filter özelliğini kullanarak bu işlemi yapacaksınız.

Çalışan bir örnek;

<div class="box">
	<div>ÖRNEK YAZI</div>
</div>
<style>
    .box {
    	width: 200px;
    	height: 200px;
    	background: url(https://picsum.photos/200/200) no-repeat center;
    }
    .box div {
    	width: inherit;
    	height: inherit;
    	display: grid;
    	place-items: center;
    	-webkit-backdrop-filter: blur(5px);
      backdrop-filter: blur(5px);
    }
</style>

Ya da bir başka örneği, ::before ya da ::after ile content ekleyerek filter kullanılarak yapılabilir. Buna örnek vermek gerekirse;

<div class="box">
	ÖRNEK YAZI
</div>
<style>
    .box {
	width: 200px;
	height: 200px;
	position: relative;
	z-index: 1;
}
.box::before {
	content: '';
	background: url(https://picsum.photos/200/200) no-repeat center;
	position: absolute;
	top: 0;
	left: 0;
	width: inherit;
	height: inherit;
	z-index: -1;
	filter: blur(5px);
}
</style>

resim olarak ekleyip yapmak istersen en basit yol

<img src="resim.png">
<style>
    img {
        width: 100vw;
        height: 100vh;
        object-fit: cover;
    }
</style>

arkaplan olarak ekleyip yapmak istersen en basit yol

body {
    background: url(resim.png) no-repeat center;
    background-size: cover;
}

mantığın hatalı çünkü javascript değişkenini php'de kullanamazsın ama php değerini javascript değişkeninde değer olarak atarsan ve ona göre şöyle bir işlem yaparsan işe yarar.

<script>
var il_id = <?=isset($_GET['il']) ? $_GET['il'] : 0?>;
$.getJSON("il-bolge.json", function(sonuc){
    var options = [];
    $.each(sonuc, function(index, value){
        options.push('<option value="' + value.il + '" ' + (il_id == value.il ? 'selected' : '') + '>' + value.il + '</option>');
    });
    $("#il").append(row);
});
</script>

disabled etmek yerine, input'u bir div içerisine alıp before'una boş bir alan ekle ya da bir açıklama ekle, ve eğer input seçim işlemi yapılmışsa o alanı göster ki böylece yeni bir tane seçemesinler problemin kalmasın :)

kategori olarak php yazmışsın, başlıkta php dll var soruda c# da nasıl kullanırım var. Tam olarak ne istediğini bile anlamadım açıkçası :) php'de dll kullanmak bam başka bir şey. Senin burada yaptığın namespace'i olan bir sınıfı çalıştırmak sadece.
İstediğin tam olarak nedir?

override işlemini tipe göre yapamazsın, extend ettiğin sınıfta metodu override edersen diğeri tamamen geçersiz kalır, o yüzden parametrenin tipinin de bir önemi kalmaz. Dediği gibi en mantıklısı if-else ya da switch-case ile kontrol ederek metodları çağırmak.

class alt_class extend ust_class{

    public function test($value)
    {
    
        if (is_int($value)) 
            call_user_func([self, 'int_test'], $value);
            
        elseif (is_string($value)) 
            call_user_func([self, 'string_test'], $value);
            
        elseif (is_float($value)) 
            call_user_func([self, 'float_test'], $value);
        
    }
    
    protected function int_test($value)
    {
        // işlem
    }
    
    protected function string_test($value)
    {
        // işlem
    }
    
    protected function float_test($value)
    {
        // işlem
    }
    
}

kapsayıcına display: flex vereceksin ve flex yönünü flex-direction: column şeklinde değiştireceksin. Footer'a height ve min-height vereceksin, content alanına flex: 1 ve overflow: auto dediğinde tam olarak istediğin oluyor :) resimden bağımsız olarak şu örneğe bakabilirsin;

<div class="container">
	<div class="content">
		içerik <br>
		içerik <br>
		içerik <br>
		içerik <br>
		içerik <br>
		içerik <br>
		içerik <br>
		içerik <br>
		içerik <br>
		içerik <br>
		içerik <br>
		içerik <br>
		içerik <br>
		içerik <br>
		içerik <br>
	</div>
	<div class="footer">
		sabit footer
	</div>
</div>

html, body {
	height: 100%;
	padding: 0;
	margin: 0;
}

.container {
	height: 100%;
	max-height: 100%;
	display: flex;
	flex-direction: column;
}
.container .content {
	flex: 1;
	overflow: auto;
}
.container .footer {
	height: 140px;
	min-height: 140px;
	background: #ddd;
}

::before ile içerik ekleyip ona arkaplan rengi verip ölçeklendirebilirsin. örneğin;

<div class="item">
	test
</div>
<style>
.item {
	width: 100px;
	height: 100px;
	position: relative;
	z-index: 1;
	border: 1px solid #000;
}
.item::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 50px;
	height: 50px;
	background-color: #ddd;
}
</style>