幾個前端可能會遇到的小問題

2022-11-27 14:38:03 字數 2034 閱讀 5385

怎樣讓文字不能被選中:

.select-none

input有個黃色的背景去不掉???有下拉提示去不掉???

禁用input的自動完成功能就可以了,有兩種方法:

1、html中:

<

input

type

="text"

autocomplete

="off"

>

2、在css中:

input:-webkit-autofill

display屬性為inline-block的元素無法再使用visibility:hidden

overflow:hidden相容

ie:

在使用overflow:hidden;相容低版本的

ie7和

ie8的時候,常常會出現無效的情況,

overflow:hidden

只能相容

ie9,10,11

版本較高的

ie解決辦法是在當前父盒子加上

posision:relative;

相容ie背景圖,background-size問題:

background:url('../images/active.png') 0 0 no-repeat;

background-size:100% 100% ;

color:#3a3e7a;

/*針對ie8的hack,目的是除掉之前background

*/background: none\9;

/*下一行為關鍵設定

*/filter: progid:dximagetransform.microsoft.alphaimageloader(src='../images/active.png', sizingmethod='scale');

加了vertical-align會使元素元素相對於基線向下偏移兩畫素

導致左右不能水平對齊:

vertical-align:middle;

iphone上不觸發事件

寫了一個下拉選單,在單擊空白地方的時候隱藏。

用$(document).click(function());

結果在iphone上的不會觸發事件,原因是safari中處理事件冒泡的規則不一樣:

點選某個div,事件會冒泡到body下面的子節點為止,還是事件物件處理該事件的話,就把該事件丟棄掉,不再往上冒泡。

解決辦法就是在body的下級,寫個空函式接收一下事件。就行了。

$("body").children().click(function () );

js寫一個動態建立並提交form表單的方法

var url=$(this).attr('url');

var id=$(this).attr('id');

var type=$(this).attr('type');

function download(url, method, id, type);

download(url, 'get', id, type);

iphone上不觸發事件

寫了一個下拉選單,在單擊空白地方的時候隱藏。

用$(document).click(function());

結果在iphone上的不會觸發事件,原因是safari中處理事件冒泡的規則不一樣:

點選某個div,事件會冒泡到body下面的子節點為止,還是事件物件處理該事件的話,就把該事件丟棄掉,不再往上冒泡。

解決辦法就是在body的下級,寫個空函式接收一下事件。就行了。

$("body").children().click(function () );